Therese_mit_Joomla: wechselndes Hintergrundbild für den Seitenkopf

Ich bin gerade dabei mit Joomla eine Homepage zu basteln, genauer gesagt ein Template. Das basiert im Wesentlichen darauf, dass ich das Beez-Template für meine Zwecke neu gestalte.

Mit Javascript kenne ich mich gar nicht aus, php kaum, aber HTML und CSS sind meine Freunde ;-)

Also die Seite hat oben einen Bereich in Form einer Art Banner, der enthält ein Logo/Wappen (gif, 200x200) und die Seitenüberschrift. Der ganze Bannerbereich ist 1000x200px bemessen. Und die "Freifläche" wird mit eigens gestalteten Hintergrundbildern ausgefüllt. Das heißt, das Logo und der Seitentitel sind immer vor wechselnden Hintergründen zu sehen.

Soweit die Theorie. Praktisch ist es so, dass ich eine Menge verschiedener Hintergrundbilder dafür habe und diese bei Reload durch ein php-Skript per Zufall aufgerufen werden.

Nun würde ich aber lieber haben, dass die Bilder in einem gewissen Turnus auch ganz ohne Reload der Seite wechseln. Das scheint mir nur mit Javascript zu gehen.

Momentan habe ich es geschafft mit dem Script von hier: http://davidwalsh.name/mootools-slideshow einen Container in genau der richtigen Größe unterhalb des eigentlichen Headbanners zu platzieren.
Aber wie bekomme ich es hin, dass die "Slideshow" HINTER dem Logo und dem Schriftzug vollzogen wird.
Außerdem hätte ich gern, dass die Slideshow eine zufällig und keine vorgegebene Reihenfolge abspielt.

Also wenn mir hier jemand eine Anfängerkompatible Erklärung liefern könnte, das wäre fein. Ich bitte hier ausdrücklich nicht darum, mir Skripte zu schreiben, das ist sicher zu aufwändig und ich lern auch gern was dazu. Aber in JS kenn ich mich nicht aus und könnte lediglich Anpassungen vornehmen, wenn man mir sagt wo. Bin kein Profi und kann deshalb nicht alles lernen ;-)

Für sachdienliche Hinweise kann ich leider keine Belohnung ausetzen, aber meine tiefe Dankbarkeit garantieren ;-)

  1. Hallo,

    Momentan habe ich es geschafft [...] einen Container in genau der richtigen Größe unterhalb des eigentlichen Headbanners zu platzieren.
    Aber wie bekomme ich es hin, dass die "Slideshow" HINTER dem Logo und dem Schriftzug vollzogen wird.

    Hmm, dein Freund CSS sollte das doch können. Platzieren jedenfalls ist doch seine Spezialität z.B. mit position und top, bottom, left right und in den Vordergrund/Hintergrund stellen mit z-index, soviel ich weiß... kenne den Kerl leider nur flüchtig ;)

    Außerdem hätte ich gern, dass die Slideshow eine zufällig und keine vorgegebene Reihenfolge abspielt.

    Da musst du dich wohl bei MooTools kundig machen. Dein Fader jedenfalls ist damit gebaut worden.

    Gruß, Don P

    1. Hallo,

      Da musst du dich wohl bei MooTools kundig machen. Dein Fader jedenfalls ist damit gebaut worden.

      Habe mal kurz recherchiert: Welches Bild jeweils angezeigt wird, steht in

        var show = function() {  
          images[currentIndex].fade('out');  
          images[currentIndex = currentIndex < images.length - 1 ? currentIndex+1 : 0].fade('in');  
        };  
      
      

      images ist das Array mit den Bildern und currentIndex ist die Bildnummer. Die wird in der 2.Zeile zum Anzeigen des nächsten Bilds immer eins hochgezählt mit currentIndex+1 oder, wenn das Ende des Arrays erreicht ist, auf 0 gesetzt, so dass die Show wieder von vorn beginnt.

      Diese 2. Zeile musst du also ändern, damit currentIndex nicht einfach hochgezählt wird, sondern eine zufällige Nummer zugewiesen bekommt.
      Eine zufällige Zahl bekommt man in MooTools mit [link:http://mootools.net/docs/core125/core#random@title=$random(min, max)] wobei min und max die kleinste bzw. gößte Zahl ist, die man haben will.
      Deine kleinste Bildnummer ist 0 (Array Indizes fangen bei 0 an) und die größte ist images.length-1, also bei vier Bildern z.B. Bild 0 bis 3.

      Die 2. Zeile muss demnach so aussehen:

      ~~~javascript images[currentIndex = $random(0, images.length - 1)].fade('in');

      Das sollte funktionieren (hab's nicht getestet). Allerdings kann es natürlich vorkommen, dass der Zufall mehrfach hintereinander dasselbe Bild aussucht. Wenn es insgesamt nur wenige Bilder sind, kommt das auch öfter vor.  
        
      Willst du das verhindern, dann musst du halt vor der Neuzuweisung an currentIndex in einer Schleife den Zufall solange aussuchen lassen, bis er eine andere Nummer gefunden hat. Das überlasse ich mal dir. Ist ja hier \*SELF\*HTML :)  
        
      Gruß, Don P  
      
      
      1. @@Don P:

        nuqneH

        Willst du das verhindern, dann musst du halt vor der Neuzuweisung an currentIndex in einer Schleife den Zufall solange aussuchen lassen, bis er eine andere Nummer gefunden hat.

        Musst du nicht.

        Sei N die Anzahl aller Bilder. Wenn das nächste Bild ein anderes als das aktuelle (dessen Index sei C) sein soll, ist es aus N - 1 Bildern auszuwählen; also eine Zufallszahl X aus [0, N - 2] zu bestimmen. Wenn X ≥ C, addiere 1 auf X drauf.

        Dann muss nur einmal eine Zufallszahl gezogen werden.

        Deine „schmutzige“ Lösung hingegen birgt die Gefahr, nicht zu terminieren. Die Wahrscheinlichkeit, dass auch nach n-maligem Ziehen immer noch kein anderes Bild gewählt wurde, beträgt immerhin* 1/Nⁿ.

        Qapla'

        * zwar kein, aber nicht 0 (bei beliebigem endlichen n)

        --
        Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
        (Mark Twain)
        1. Hallo,

          Ja stimmt: Wenn es eine schnellere Lösung gibt als einfach rumzuprobieren, ist die eigentlich vorzuziehen:

          Sei N die Anzahl aller Bilder. Wenn das nächste Bild ein anderes als das aktuelle (dessen Index sei C) sein soll, ist es aus N - 1 Bildern auszuwählen; also eine Zufallszahl X aus [0, N - 2] zu bestimmen. Wenn X ≥ C, addiere 1 auf X drauf.

          Super, danke für den Algorithmus.

          Deine „schmutzige“ Lösung hingegen birgt die Gefahr, nicht zu terminieren.

          Naja, so schlecht die sind Pseudo-Zufallsgeneratoren dann doch nicht. Diese Gefahr besteht nur rein theoretisch, praktisch ist so ab 3facher Standardabweichung langsam Schluss mit zufällig immer dieselbe Zahl Ermitteln.

          Die Wahrscheinlichkeit, dass auch nach n-maligem Ziehen immer noch kein anderes Bild gewählt wurde, beträgt immerhin 1/Nⁿ.

          Und die ist nicht nur klein, sondern wird mit wachsendem n schnell gaaaanz winzig. Wie gesagt, für die Praxis ist das irrelevant. Die Rechner sind ja heutzutage so schnell, dass die paar zusätzlichen Schritte bei einem Fader nicht ins Gewicht fallen.

          Gruß, Don P

          1. Hallo Jungs,
            ich habe hier eben nur mal bevor ich gleich los muss rein geschaut. Komme jetzt noch nciht dazu, mich genauer damit zu beschäftigen, aber trotzdem schonmal herzlichen Dank.
            Wer außerdem noch Ideen hat, immer her damit.
            Sobald ich etwas Zeit habe, werde ich mal sehen, wie weit ich komme und melde mich dann wieder (wenn ich noch mehr Probleme habe *hihi*).

          2. @@Don P:

            nuqneH

            Diese Gefahr besteht nur rein theoretisch, praktisch […]

            Praktisch würde ich nicht deterministisches Verhalten vermeiden wollen, egal wie wenig wahrscheinlich es ist.

            Die Rechner sind ja heutzutage so schnell, dass die paar zusätzlichen Schritte bei einem Fader nicht ins Gewicht fallen.

            Man muss die Ressourcen ja nicht vergeuden. ;-)

            Qapla'

            --
            Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
            (Mark Twain)
            1. Hallo,

              Man muss die Ressourcen ja nicht vergeuden. ;-)

              Stimmt, der PC-Lüfter hat auch so genug zu tun, vom Klima mal abgesehen... aber Prozessorchritte lassen sich sicher auch in CO2 umrechnen ;)

              Gruß, Don P

          3. Hallo Don P

            Und die ist nicht nur klein, sondern wird mit wachsendem n schnell gaaaanz winzig. Wie gesagt, für die Praxis ist das irrelevant. …

            Auch wenn die Gefahr ganz winzig ist, du kannst dich fast darauf verlassen, dass es irgendwann einmal passiert.

            Ich habe auch schon erlebt, dass dann mehrmals zwischen zwei Bildern hin und her gewechselt wird, bevor dann endlich wieder andere Bilder an die Reihe kommen.

            Deshalb mische ich das Bilderarray immer vorher und laufe es dann einfach durch.
            (Wenn unbedingt gewünscht, kann es ja vor dem nächsten Durchlauf wieder neu gemischt werden.)

            Auf Wiederlesen
            Detlef

            --
            - Wissen ist gut
            - Können ist besser
            - aber das Beste und Interessanteste ist der Weg dahin!
            1. Hallo,

              Und die ist nicht nur klein, sondern wird mit wachsendem n schnell gaaaanz winzig. Wie gesagt, für die Praxis ist das irrelevant. …

              Auch wenn die Gefahr ganz winzig ist, du kannst dich fast darauf verlassen, dass es irgendwann einmal passiert.

              Nur wenn dre Zufallsgenerator kaputt ist.

              Ich habe auch schon erlebt, dass dann mehrmals zwischen zwei Bildern hin und her gewechselt wird, bevor dann endlich wieder andere Bilder an die Reihe kommen.

              Das passiert ja nur, wenn man keine Maßnahemn trifft, um es zu verhindern. Bei einer kleinen Anzahl Bildern macht reine Zufallsauswahl eh wenig Sinn. Bei insgesamt 6 Bildern z.B. kann es leicht passieren, das eins davon zufällig 40 bis 50 mal in Folge nicht angezeigt wird. Will man das?

              Deshalb mische ich das Bilderarray immer vorher und laufe es dann einfach durch.

              Sehr gute Idee, denn dadurch wird sichergestellt, das pro Durchlauf jedes Bild genau einmal gezeigt wird. Seltsame Zufälle, wo eins oder mehrere ungewöhnlich lange ausbleiben oder in kurzer Folge erneut erscheinen, sind damit ausgeschlossen.

              Gruß, Don P

              Gruß, Don P

              --
              sh:( fo:) ch:? rl:( br:] n4:~ ie:% mo:? va:{ js:) de:/ zu:] fl:( ss:| ls:&
            2. Om nah hoo pez nyeetz, Detlef G.!

              Auch wenn die Gefahr ganz winzig ist, du kannst dich fast darauf verlassen, dass es irgendwann einmal passiert.

              Nein. Weil es sich nicht um ein festes n handelt, sondern so lange gesucht wird, bis eine andere Bildnummer ausgewählt wird.

              Array mischen

              Auch da kann es dir passieren, dass das gleiche Bild zwei mal hintereinander angezeigt wird. Aber es ist eine gute Lösung gegen B1 B2 B1 B2 B1 B2.

              Matthias

              --
              Wer ein Problem beschreiben kann, hat es schon halb gelöst.                                             (Julian Huxley) http://www.billiger-im-urlaub.de/kreis_sw.gif
              1. Hallo Matthias,

                Array mischen

                Auch da kann es dir passieren, dass das gleiche Bild zwei mal hintereinander angezeigt wird. ...

                also das musst du mir jetzt mal erklären. Meine Versuche, ein Array zu mischen, haben nicht alle eine Gleichverteilung geliefert, aber eine Dublette habe ich noch nicht hin bekommen.

                Gruß, Jürgen

                1. Om nah hoo pez nyeetz, JürgenB!

                  also das musst du mir jetzt mal erklären. Meine Versuche, ein Array zu mischen, haben nicht alle eine Gleichverteilung geliefert, aber eine Dublette habe ich noch nicht hin bekommen.

                  in einem vorigen Posting heißt es: "(Wenn unbedingt gewünscht, kann es ja vor dem nächsten Durchlauf wieder neu gemischt werden.)".

                  Wenn also nach dem Mischen das letzte Bild jetzt das neue erste wird, hast du 2mal dasselbe Bild hintereinander.

                  Matthias

                  --
                  Wer ein Problem beschreiben kann, hat es schon halb gelöst.                                             (Julian Huxley) http://www.billiger-im-urlaub.de/kreis_sw.gif
      2. Hallo mal wieder ;-)
        Danke Jungs! Bin dank eurer Hilfe schon sehr viel weiter gekommen! Danke!
        Das Bild ist nun richtig positioniert und wechselt zufällig. Alles schön!

        Nun aber noch ein (sicher nur sehr kleines) Problem - wenn man sich denn auskennen würde. Dabei geht es eher darum, dass der Seitenquelltext relativ sauber bleiben soll.
        Also wie schon erwähnt, habe ich das ganze ja mit diesem Skript hier gemacht (nur angepasst): http://davidwalsh.name/mootools-slideshow

        window.addEvent('domready',function() {  
          /* settings */  
          var showDuration = 3000;  
          var container = $('slideshow-container');  
          var images = container.getElements('img');  
          var currentIndex = 0;  
          var interval;  
          /* opacity and fade */  
          images.each(function(img,i){  
            if(i > 0) {  
              img.set('opacity',0);  
            }  
          });  
          /* worker */  
          var show = function() {  
            images[currentIndex].fade('out');  
            images[currentIndex = currentIndex < images.length - 1 ? currentIndex+1 : 0].fade('in');  
          };  
          /* start once the page is finished loading */  
          window.addEvent('load',function(){  
            interval = show.periodical(showDuration);  
          });  
        });
        

        Nun ist das aber dafür gedacht, dass man Bilder, die alle im selben Div liegen "sliden" lässt. Das hat nun aber zur Konsequenz, dass ich theoretisch meine 30 Pfade zu den 30 Bildern in den entsprechenden DIV legen muss:
        Also in etwa:

        ....  
        <div id="all">  
                 	<div id="header">  
        <div id="slideshow-container">  
         <img src="../images/headbackimg/bild01.jpg" alt="TEXT" />  
         <img src="../images/headbackimg/bild01.jpg" alt="TEXT" />  
         <img src="../images/headbackimg/bild01.jpg" alt="TEXT" />  
        </div>  
        ....
        

        Und bei 30 Bildern bläht das den Quelltext um eben dreißig Zeilen unnötig auf.
        Deswegen wäre es mmN viiiiieeell eleganter, wenn die Bilder nicht aus dem DIV, sondern direkt aus dem Ordner rausgefischt werden.
        Also nicht falsch verstehen, die Lösung darf durchaus sehr einfach sein, ich brauche kein extremst ausgefeiltes Tool, das Dateierweiterungen erkennt und nur bestimmte Bilder ausliest. Die 30 Hintergrundbilder für den Wechsel im Headbereich liegen sauber und allein in einem einzelnen Ordner. Wenn die Angaben zu den dreißig Dateien einzeln in der Javascriptdatei stehen, hätte ich damit kein Problem. Nur der HTML-Code soll eben nicht zuuuuuuuuuuu unübersichtlich werden.

        Nun habe ich schon ein wenig herumexperimentiert - aber ich versteh die Javascript-Angaben einfach nicht. In den Bereich var container = $ (...) die Pfadangaben zu den Bildern zu legen geht jedenfalls schonmal nicht *hihi* wäre wohl zu einfach gedacht von mir.
        Was macht in dem oben genannten Script was? Und was muss ich demzufolge ändern, damit ich ohne den Umweg über die "img src"s in dem div "slidesho-container" die Bilder angezeigt bekomme?

        Danke schonmal für eure Geduld mit mir!

        LG
        Therese

        Hallo,

        Da musst du dich wohl bei MooTools kundig machen. Dein Fader jedenfalls ist damit gebaut worden.

        Habe mal kurz recherchiert: Welches Bild jeweils angezeigt wird, steht in

        var show = function() {

        images[currentIndex].fade('out');
            images[currentIndex = currentIndex < images.length - 1 ? currentIndex+1 : 0].fade('in');
          };

        
        > images ist das Array mit den Bildern und currentIndex ist die Bildnummer. Die wird in der 2.Zeile zum Anzeigen des nächsten Bilds immer eins hochgezählt mit `currentIndex+1`{:.language-javascript} oder, wenn das Ende des Arrays erreicht ist, auf 0 gesetzt, so dass die Show wieder von vorn beginnt.  
        >   
        > Diese 2. Zeile musst du also ändern, damit currentIndex nicht einfach hochgezählt wird, sondern eine zufällige Nummer zugewiesen bekommt.  
        > Eine zufällige Zahl bekommt man in MooTools mit `[link:http://mootools.net/docs/core125/core#random@title=$random(min, max)]`{:.language-javascript\} wobei min und max die kleinste bzw. gößte Zahl ist, die man haben will.  
        > Deine kleinste Bildnummer ist 0 (Array Indizes fangen bei 0 an) und die größte ist `images.length-1`{:.language-javascript}, also bei vier Bildern z.B. Bild 0 bis 3.  
        >   
        > Die 2. Zeile muss demnach so aussehen:  
        >   
        >     ~~~javascript
        
        images[currentIndex = $random(0, images.length - 1)].fade('in');  
        
        > 
        
        

        Das sollte funktionieren (hab's nicht getestet). Allerdings kann es natürlich vorkommen, dass der Zufall mehrfach hintereinander dasselbe Bild aussucht. Wenn es insgesamt nur wenige Bilder sind, kommt das auch öfter vor.

        Willst du das verhindern, dann musst du halt vor der Neuzuweisung an currentIndex in einer Schleife den Zufall solange aussuchen lassen, bis er eine andere Nummer gefunden hat. Das überlasse ich mal dir. Ist ja hier *SELF*HTML :)

        Gruß, Don P

        1. Liebe Therese_mit_Joomla,

          1.) Bitte zitiere sinnvoll, TOFU ist hier unerwünscht.
          2.) Was hatte Dir an meiner Lösung nicht gefallen?

          Liebe Grüße,

          Felix Riesterer.

          --
          ie:% br:> fl:| va:) ls:[ fo:) rl:| n4:? de:> ss:| ch:? js:) mo:} zu:)
          1. Hallo,

            Was hatte Dir an meiner Lösung nicht gefallen?

            Die läuft z.B. im IE8 nicht richtig: Das überblendende Bild erscheint unterhalb des anderen und springt am Ende plötzlich nach oben.

            In der Kompatibilitätsansicht vom IE8 klappt's besser, aber auch nicht immer: manchmal springt plötzlich der Text mit den Einstellungen unter das Bild (beginnt oben und wird vom Bild verdeckt) und die ganze Animation friert dann ein.

            Da müsste wohl noch crossbrowsermäßig nachgebessert werden.

            Gruß, Don P

          2. Hallo alle und hallo Felix Riesterer,
            ad 1.) Sorry, ich hatte übersehen, dass ich den Text aus dem Eingabefeld nicht gelöscht habe. Bitte vielmals um Entschuldigung.
            ad2.) deine Lösung war mir ehrlich gesagt "zu hoch" ... selbst wenn ich nicht alles verstehen muss um das ganze zu implementieren. Ich denke aber, wenn ich es schon nicht komplett verstehe, dann sollte es ein Skript sein, das so schlank als irgend möglich ist (das gilt ja auch sonst oft im Leben *hihi*).
            Nun hat Don P auch schon mitgeteilt, dass das Skript nicht immer einwandfrei läuft.
            Das von mir genutzte Skript (siehe oben) ist sehr sehr schlank und funktioniert auch so wie es soll (und ist ja auch schon eingebaut). Nun würde ich ledigliche noch gern die Sache mit dem Rückgriff direkt auf die Fotos statt auf die DIVs, die erst auf die Fotos "verweisen" ändern und dann bin ich bereits glücklich.
            Ich denke hier also ganz pragmatisch und zielorientiert (es geht ja nicht um Schuhe kaufen *hihi*). Ich möchte also lieber die bestehende Lösung noch ein bisschen optimieren und nicht einen ganz anderen Weg gehen, wenn mir dieser schon von vornherein als umständlich (und wie Don P bemerkt hat) auch nicht problemlos einsetzbar erscheint.

            Also nochmal die Bitte um den Hinweis, wie ich das am besten umsetzen kann. Ich gehe momentan davon aus, dass ich nur eine Änderung dahingehend vornehmen muss, dass das JS direkt auf den Ordner mit den Bildern zugreift und ich diese nicht alle erst in den HTML-Text in Form von DIVs implementieren muss.

            LG
            Therese

            1. Hallo,

              Ich gehe momentan davon aus, dass ich nur eine Änderung dahingehend vornehmen muss, dass das JS direkt auf den Ordner mit den Bildern zugreift

              JS kann keinen Ordner vom Server einfach durchsuchen, falls du das meinst.

              In HTML müssen die Bilddateipfade vom Server mitgeliefert werden uns so ist es im Prinzip auch, wenn man sie per JS laden will.

              Einem JS-Programm kann der Server z.B. etwas sagen wie "es gibt 365 Bilder, die liegen alle im Ordner http:\www.example.com\bilder\ und ihre Dateinamen sind nach dem Muster Bild###.jpg aufgebaut." Mit dieser Information kann dein JS-Programm dann die Bildpfade zusammenbauen und der Reihe nach oder auch zufällig anzeigen.

              Schon mal sowas probiert? Dann zeig' doch mal den Code.

              Gruß, Don P

        2. Hat niemand eine Idee? Ich habe heute zwei Stunden rumprobiert und gesucht, aber ich sitz "wie der Ochs vorm Esel".

          1. Liebe Therese_mit_Joomla,

            Hat niemand eine Idee?

            an Ideen mangelt es in aller Regel nicht. Nur will hier niemand gerne Deine Arbeit komplett für Dich erledigen.

            Ich habe heute zwei Stunden rumprobiert und gesucht

            Was genau hast Du denn probiert? Zeig man etwas Code von dem, was Du probiert hast! Dann kann man Dir helfen.

            aber ich sitz "wie der Ochs vorm Esel".

            Dabei könnte man Dir helfen. Du hast aber nicht signalisiert, dass Du Dich fachkundig machen möchtest, sondern dass Du es nur irgendwie hinbekommen willst. Also: Wo genau hört Dein Verständnis der Materie auf, damit man Dir genau dort weiterhelfen kann?

            Liebe Grüße,

            Felix Riesterer.

            --
            ie:% br:> fl:| va:) ls:[ fo:) rl:| n4:? de:> ss:| ch:? js:) mo:} zu:)
  2. Hi,

    Nun würde ich aber lieber haben, dass die Bilder in einem gewissen Turnus auch ganz ohne Reload der Seite wechseln. Das scheint mir nur mit Javascript zu gehen.

    Nö, das geht auch ohne Javascript. Es gäb z.B. auch noch die Möglichkeit, aus den verschiedenen Bildern ein animiertes GIF zu machen.

    cu,
    Andreas

    --
    Warum nennt sich Andreas hier MudGuard?
    O o ostern ...
    Fachfragen per Mail sind frech, werden ignoriert. Das Forum existiert.
    1. An GIF hatte ich gar nicht gedacht, weil ich davon ausgehe, dass die entsprechende Datei viiiiiiieeeeeeeeel zu groß wird. Es wären so ca. 30 Bilder, die dort "rotieren".
      Therese

      Hi,

      Nun würde ich aber lieber haben, dass die Bilder in einem gewissen Turnus auch ganz ohne Reload der Seite wechseln. Das scheint mir nur mit Javascript zu gehen.

      Nö, das geht auch ohne Javascript. Es gäb z.B. auch noch die Möglichkeit, aus den verschiedenen Bildern ein animiertes GIF zu machen.

      cu,
      Andreas

      1. @@Therese_Joomla:

        nuqneH

        An GIF hatte ich gar nicht gedacht

        Und wenn die Bilder mahr als 256 Farben haben (Fotos), kannst du GIF sowieso vergessen.

        Qapla'

        --
        Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
        (Mark Twain)
        1. Hi,

          Und wenn die Bilder mahr als 256 Farben haben (Fotos), kannst du GIF sowieso vergessen.

          Dann bliebe immer noch APNG.

          ~dave

    2. Om nah hoo pez nyeetz, MudGuard!

      Nö, das geht auch ohne Javascript. Es gäb z.B. auch noch die Möglichkeit, aus den verschiedenen Bildern ein animiertes GIF zu machen.

      Ich habe schon mehrfach beobachtet, dass die Browser irgendwann der Animation überdrüssig werden.

      Matthias

      --
      Wer ein Problem beschreiben kann, hat es schon halb gelöst.                                             (Julian Huxley) http://www.billiger-im-urlaub.de/kreis_sw.gif
      1. Hi,

        Nö, das geht auch ohne Javascript. Es gäb z.B. auch noch die Möglichkeit, aus den verschiedenen Bildern ein animiertes GIF zu machen.
        Ich habe schon mehrfach beobachtet, dass die Browser irgendwann der Animation überdrüssig werden.

        Die User ertragen das im Normalfall doch aber eher noch kürzer als die Browser ...

        Ich würde das ganze aus einem viel wichtigeren Grund nicht machen:

        Der User kommt per Google auf die Seite, und sieht oben im Head (also dem Bereich, der ihm zuerst präsentiert wird) z.B. ein Bild von einem Kätzchen.
        Drei Tage später fällt ihm ein - auf der Kätzchenseite wollt ich doch noch was kaufen. Google wird wieder angeworfen und die Ergebnisse angeguckt. Auch die eigentlich gewünschte Seite. Aber die wird gleich wieder weggeklickt, weil die jetzt ein Bild einer Banane oben drin hat - kann also nicht die gesuchte Kätzchenseite sein ...

        Wenn da jedesmal, wenn man auf die Seite kommt, ein anderes Bild erscheint, verringert sich der Wiedererkennungswert der Seite.

        cu,
        Andreas

        --
        Warum nennt sich Andreas hier MudGuard?
        O o ostern ...
        Fachfragen per Mail sind frech, werden ignoriert. Das Forum existiert.
        1. Lieber MudGuard,

          Wenn da jedesmal, wenn man auf die Seite kommt, ein anderes Bild erscheint, verringert sich der Wiedererkennungswert der Seite.

          ... es sei denn, das "Bild" umgeben feste Bildelemente wie Logo, Hintergrund, Farbschema o.ä. Dein Kätzchen könnte ja auf einer besonders flauschigen Matte gelegen haben. Dort fühlt sich auch die Banane wohl. Und links von beiden prangt groß und bunt das Logo der Herstellerfirma.

          Liebe Grüße,

          Felix Riesterer.

          --
          ie:% br:> fl:| va:) ls:[ fo:) rl:| n4:? de:> ss:| ch:? js:) mo:} zu:)
          1. @@Felix Riesterer:

            nuqneH

            Dein Kätzchen könnte ja auf einer besonders flauschigen Matte gelegen haben. Dort fühlt sich auch die Banane wohl. Und links von beiden prangt groß und bunt das Logo der Herstellerfirma.

            Welche Firma stellt denn sowohl Katzen als auch Bananen her??

            Qapla'

            --
            Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
            (Mark Twain)
            1. Om nah hoo pez nyeetz, Gunnar Bittersmann!

              @@Felix Riesterer:

              nuqneH

              Dein Kätzchen könnte ja auf einer besonders flauschigen Matte gelegen haben. Dort fühlt sich auch die Banane wohl. Und links von beiden prangt groß und bunt das Logo der Herstellerfirma.

              Welche Firma stellt denn sowohl Katzen als auch Bananen her??

              Also vorstellen könnte ich mir in dem Zusammenhang ein Logistikunternehmen.

              Matthias

              --
              Wer ein Problem beschreiben kann, hat es schon halb gelöst.                                             (Julian Huxley) http://www.billiger-im-urlaub.de/kreis_sw.gif
              1. @@Matthias Apsel:

                nuqneH

                Welche Firma stellt denn sowohl Katzen als auch Bananen her??

                Also vorstellen könnte ich mir in dem Zusammenhang ein Logistikunternehmen.

                Verstehe, Nahrungsmitteltransport. Sowohl Katzen als auch Bananen.

                Qapla'

                --
                Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
                (Mark Twain)
            2. Hi,

              Dein Kätzchen könnte ja auf einer besonders flauschigen Matte gelegen haben. Dort fühlt sich auch die Banane wohl. Und links von beiden prangt groß und bunt das Logo der Herstellerfirma.

              Welche Firma stellt denn sowohl Katzen als auch Bananen her??

              Clones Unlimited

              cu,
              Andreas

              --
              Warum nennt sich Andreas hier MudGuard?
              O o ostern ...
              Fachfragen per Mail sind frech, werden ignoriert. Das Forum existiert.
            3. [latex]Mae  govannen![/latex]

              Welche Firma stellt denn sowohl Katzen als auch Bananen her??

              „Kätzchen“, „Banane“... das ist ganz klar Beate Uhse oder sowas

              Stur lächeln und winken, Männer!
              Kai

              --
              Dank Hixies Idiotenbande geschieht grade eben wieder ein Umdenken
              in Richtung "Mess up the Web".(suit)
              SelfHTML-Forum-Stylesheet
              1. @@Kai345:

                nuqneH

                „Kätzchen“, „Banane“... das ist ganz klar Beate Uhse oder sowas

                In dem Kontext ergibt dann auch „flauschige Matte“ einen Sinn.

                Qapla'

                --
                Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
                (Mark Twain)
  3. Liebe Therese_mit_Joomla,

    aber HTML und CSS sind meine Freunde ;-)

    na, dann lässt sich doch etwas machen!

    [code lang=css]#headergrafik {
        url(../php/headergrafikauswaehler.php) no-repeat;
    }[/code[

    Wie Du siehst, habe ich CSS angewiesen, eine Ressource mit der Endung ".php" als Bilddatei zu laden. Für den Browser ist der Dateiname Jacke wie Hose. Im PHP-Script kann man nun eine Auswahl an Grafiken benennen und dann zufällig eine davon ausgeben. Mittels PHPs header()-Funktion kann man da schöne Sachen mit machen, z.B. auch verhindern, dass der Browser sich diese Bilddatei als dauergültig merkt.

    Liebe Grüße,

    Felix Riesterer.

    --
    ie:% br:> fl:| va:) ls:[ fo:) rl:| n4:? de:> ss:| ch:? js:) mo:} zu:)
    1. @@Felix Riesterer:

      nuqneH

      Im PHP-Script kann man nun […]

      Kann man?

      OP:

      Nun würde ich aber lieber haben, dass die Bilder in einem gewissen Turnus auch ganz ohne Reload der Seite wechseln.

      Qapla'

      --
      Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
      (Mark Twain)
  4. Lieber Therese_mit_Joomla,

    Nun würde ich aber lieber haben, dass die Bilder in einem gewissen Turnus auch ganz ohne Reload der Seite wechseln. Das scheint mir nur mit Javascript zu gehen.
    [...]
    Also wenn mir hier jemand eine Anfängerkompatible Erklärung liefern könnte, das wäre fein.

    mein Artikel ist zwar für Fortgeschrittene, aber vielleicht kannst Du ja ähnlich wie Moni Teile daraus benutzen, ohne die dahinterliegenden Dinge in allen Details zu verstehen...

    Liebe Grüße,

    Felix Riesterer.

    --
    ie:% br:> fl:| va:) ls:[ fo:) rl:| n4:? de:> ss:| ch:? js:) mo:} zu:)