CSS versus Flash

[pixeli]

Hallo Leute,
ich habe eine Frage, kann man das auch im CSS machen?
Interio - Leuchten Lampen, Matratzen, Regale, Schrnke, Sofas, Sthle, Tische, Vorhnge, Betten, Bettwsche, Bro, Geschirr - Interio AG
Ich möchte eine Produktepalette wie oben angezeigt präsentieren und wenn man "draufklickt" unten die Details zum "produkt" anzeigen. Möchte das ganze aber nicht im Flash machen (actionscript ist schon zu lange her und ich habe es ehrlich wieder vergessen) sondern eher mit CSS. Kennt jemand eine einfache Methode um so etwas oder ähnlich zu bauen.
Vlt. gibt es sogar im Joomla eine ähnliche Lösung?
Bin gespannt auf Eure Ideen, danke
Pixeli

 

[MyBad]

AW: CSS versus Flash

Such mal nach JS-Carousel. Das sollte dir helfen. Flash ist nicht notwendig. JavaScript, HTML (PHP) sollten da ausreichen. Könnte mir auch gut vorstellen, dass es für Joomla auch ein entwprechendes Plugin / Modul gibt.

 

[Dissolution]

AW: CSS versus Flash

CSS ist rein fürs Designen, also für die Position und das Aussehen von Elementen da.

Was du hier umsetzen willst, sollte mit .html aber machbar sein und zwar erstellst du für jedes Produkt eine .html datei und lädst diese dann per Klick in den unteren Bereich den du zuvor als eigenes Element deklariert hast.

SELFHTML: HTML/XHTML

sollte dir hierbei helfen, vor allem der Teil mit den Frames (wenngleich ich keine Frames [dafür] verwenden würde)

Oder aber du steigst auf JS bzw. PHP um Viel Glück!

 

[kleeaar]

AW: CSS versus Flash

also mit css alleine wirst du nicht weit kommen...
Die Idee ist auf jeden Fall mit Javascript zu verwirklichen...
IN deinem Beispiel denke ich, dass der Flash film mit Hilfe von FS_Command ein Javascript ansteuert, das dann Die Inhalt in der Seite ändert...
Wenn du also einen solchen Scroller selber mit Javascript programmiert, kannst du auch die Inhalte der Seite ganz einfach verämdern...
aber mit css alleine wird das nicht gehen...

Grüße

 

[magicsepp]

AW: CSS versus Flash

mit Dreamwaver und Layer läßt sich sowas auch machen

 

[pixeli]

AW: CSS versus Flash

Ja, ich möchte die Seite auch nicht mit Frames machen. Ich stelle mir schon vor das im "header-div" die "Produkte" auswählbar sind und "maindiv" die Produktdetails erscheinen. Mir ist noch nicht ganz klar wie diese "Produktdetails" im "maindiv ausgetauscht werden können?
So müsste eigentlich sogar auch ohne js gehen??
Ich hoffe, ihr habt mich verstanden?

 

[MyBad]

AW: CSS versus Flash

Lern PHP! Damit bekommst du das hin.

Dann kannst du alle Profuktinformationen per "include" in den Contentbereichladen.

 

[pixeli]

AW: CSS versus Flash

Haste einen Tipp, wie ich schnell und einfach php lernen könnte? Habe bis jetzt "nur" php codeschnipsel zusammengeklaut und ein Formular gebastelt aber sonst kenne ich mich recht gut im html und CSS aus.
Und wie gesagt Joomla wäre ev eine Alternative, aber da muss ich wohl im Joomla-Forum weitersuchen...
Danke im voraus für die Tipps

 

[stb_87]

AW: CSS versus Flash

Wie schon gesagt, CSS wäre ne Möglichkeit.

Alternativ geht das auhc mit jquery. Ich finde jetzt leider nicht das Beispiel dazu.
Stichwort ist slider

Hier im Forum gab es schon mal eine ähnliche Frage dazu.

 

[pixeli]

AW: CSS versus Flash

danke stb, jquery schaut gut aus, aber wie erscheint beim "klicken" das Detail "unten"; ich meine die Beschreibung des Bildes?

 

[sokie]

AW: CSS versus Flash

Die wird in dem Beispiel per XMLHTTPRequest in den Container geladen
das ist dieser Teil

//funktionen Inhalt austauschen
function show () {
                 if (document.getElementById)
                    document.getElementById("level_2").style.visibility = "visible";
                }


    function displayContent(csid,ceid) {
        var http_request = false;
        var target_url = "/ajax.php?ceid="+ceid+"&csid="+csid;

        if (window.XMLHttpRequest) { // Mozilla, Safari, ...
            http_request = new XMLHttpRequest();
            if (http_request.overrideMimeType) {
                http_request.overrideMimeType('text/xml');
                // See note below about this line
            }
        } else if (window.ActiveXObject) { // IE
            try {
                http_request = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
                try {
                    http_request = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (e) {}
            }
        }

        if (!http_request) {
            alert('Giving up :( Cannot create an XMLHTTP instance');
            return false;
        }
        http_request.onreadystatechange = function() { alertContents(http_request); };
        http_request.open('GET', target_url, true);
        http_request.send(null);

    }

    function alertContents(http_request) {

        if (http_request.readyState == 4) {
            if (http_request.status == 200) {
                reqtxt = http_request.responseText;
                document.getElementById('display_content').innerHTML = reqtxt ;
            } else {
                alert('There was a problem with the request.');
            }
        }
    }

das meisste davon nimmt dir jquery allerdings schon ab.
wie man sehen kann, werden die Inhalte in der ajax.php abhängig davon,welche werte ceid und csid haben vorbereitet und dann in den Ausgabe container geschrieben.
(wie du vielleicht festgestellt hast, kommen die begriffe CSS gar nicht, php nur als nebensache vor (das ginge auch per textdatei))
allerdings muss man sich da schon etwas mit javascript auseinandersetzen -jquery ist ja nichts anderes als ein javascriptframework.
Anhand der Fragestellungen meine ich, dass du dir da einiges vorgenommen hast.

 

[pixeli]

AW: CSS versus Flash

Anhand der Fragestellungen meine ich, dass du dir da einiges vorgenommen hast.

Ja, ich merke es, aber es geht mir ja genau darum, dass ich ausloten möchte, was ich mit meinen Kenntnissen machen kann und was ich (noch) nicht machen kann.

 

[Don_Michele]

AW: CSS versus Flash

[...] also mit css alleine wirst du nicht weit kommen... [...]

Das stimmt so ganz nicht!
Man kann in CSS bei den Links die Farben/Einstellungen so definieren, dass die sich beim 'Drüberfahren' verändern.

Geht vielleicht nicht so Mega-Stylisch... aber rudimentär geht das schon.
Ob nun CSS alleine 'sinnvoll' ist oder nicht, sei dahingestellt.