Ergebnis 1 bis 7 von 7

Thema: Zufallsscript für Bilder

  1. #1
    Interessierte/r
    Registriert seit
    26.04.2010
    Beiträge
    108
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Zufallsscript für Bilder

    Guten Morgen,

    bei meiner Seite gibt es 19 verschiedene Hintergrundbilder, die alle 12 Sekunden wechseln und man kann beliebig mit einem Pfeil "vorspulen". Das alles habe ich schon umgesetzt. Jedoch möchte ich, dass die 16 Bilder in zufälliger Reihenfolge angezeigt werden. Wie funktioniert das? Oder ist das so kompliziert dass ich im Job Forum nachfragen muss?

    Code:
    <div id="supersize">
        <a href="#"><img src="images/background1.jpg" title="" alt="Bild1" /></a>
        <a href="#"><img src="images/background2.jpg" title="" alt="Bild2" /></a>
        <a href="#"><img src="images/background3.jpg" title="" alt="Bild3" /></a>
        <a href="#"><img src="images/background4.jpg" title="" alt="Bild4" /></a>
        <a href="#"><img src="images/background5.jpg" title="" alt="Bild5" /></a>
        <a href="#"><img src="images/background6.jpg" title="" alt="Bild6" /></a>
        <a href="#"><img src="images/background7.jpg" title="" alt="Bild7" /></a>
        <a href="#"><img src="images/background8.jpg" title="" alt="Bild8" /></a>
        <a href="#"><img src="images/background9.jpg" title="" alt="Bild9" /></a>
        <a href="#"><img src="images/background10.jpg" title="" alt="Bild10" /></a>
        <a href="#"><img src="images/background11.jpg" title="" alt="Bild11" /></a>
        <a href="#"><img src="images/background12.jpg" title="" alt="Bild12" /></a>
        <a href="#"><img src="images/background13.jpg" title="" alt="Bild13" /></a>
        <a href="#"><img src="images/background14.jpg" title="" alt="Bild14" /></a>
        <a href="#"><img src="images/background15.jpg" title="" alt="Bild15" /></a>
        <a href="#"><img src="images/background16.jpg" title="" alt="Bild16" /></a>
        <a href="#"><img src="images/background17.jpg" title="" alt="Bild17" /></a>    
        <a href="#"><img src="images/background18.jpg" title="" alt="Bild18" /></a>    
        <a href="#"><img src="images/background19.jpg" title="" alt="Bild19" /></a>        
    </div>
    Beim GOoglen bin ich nur auf komplizierte Lösungen gestoßen und als Anfänger konnte ich damit nichts anfangen. Vielleicht kennt ihr ja simplere Lösungen.

    MfG,

    miCronix
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: Zufallsscript für Bilder

    Da du das vorgefertigte Script Supersized verwendest, gibts da ein paar Hürden.
    Zum Beispiel: Sieht die Lizenz vor, dass du das Script umprogrammieren darfst?
    Wenn jak, kannst du mit ein paar JavaScript-Kenntnissen einfach umschreiben.
    Wenn sein, musst du die Bilder per PHP - oder einer anderen Scriptsprache (vielleicht auch JS) in eine zufällige Reihenfolge bringen.

    Also: Darfst du das Supersized-Script ändern, oder nicht?
    Something big is coming. And there will be pirates and ninjas and unicorns...

  3. #3
    Interessierte/r
    Themenstarter

    Registriert seit
    26.04.2010
    Beiträge
    108
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Zufallsscript für Bilder

    Danke schon mal für die Antwort (mein Held )

    Auf http://buildinternet.com/project/supersized/ finde ich nur das:


    Some Notes

    The above section provides a sampling of demos (also included in the download) which can also act as templates for many projects.

    Here are a couple rules to keep in mind while editing:

    • All images within the #supersize div must be included in an 'a' link tag
    • Be mindful of z-index - anything you want on top of the slide should be >= 3

    A special thanks goes out to Aen for taking the time to make some improvements between Version 1 and 2, most notably the fade effect.

    Aber eine Lizenz finde ich nirgendwo oO


    MfG

  4. #4
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: Zufallsscript für Bilder

    Okay ich hab mir das mal angesehen: Das basiert auf jQuery. Dadurch darfst du es frei ändern.

    Bewerte mal deine JavaScript-Kenntnisse auf eine Skala von 1 (das wird eine schwere Geburt) bis 10 (ich programmiere High-Performance-Spiele damit)
    Something big is coming. And there will be pirates and ninjas and unicorns...

  5. #5
    Interessierte/r
    Themenstarter

    Registriert seit
    26.04.2010
    Beiträge
    108
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Zufallsscript für Bilder

    Nunja, ich bin in der Lage Jquery Codes einzubauen und anzupassen, kann allerdings nichts selbst programmieren. Daher gebe ich mir nur 1 von 10.

  6. #6
    Jedi Ritter Avatar von Dodo
    Registriert seit
    26.04.2008
    Ort
    Wien
    Alter
    27
    Beiträge
    3.774
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard AW: Zufallsscript für Bilder

    Okay, dann poste hier mal die Funktion, die aufgerufen wird, wenn der nächste Slide gestartet wird.
    Something big is coming. And there will be pirates and ninjas and unicorns...

  7. #7
    Samurai
    Registriert seit
    01.01.2009
    Beiträge
    244
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Zufallsscript für Bilder

    Wenn ich einfach dazwischen funkten darf:

    Sowas selbst zu erstellen, geht (wenn ich das richtig verstanden habe), ganz einfach:
    Pack' einfach alle Bilder in ein Array (JavaScript). Dann setz ein TimeOut von 12 Sekunden, bei dem das Bild dann immer neu geladen wird. jQuery kannst du hier ja noch einbringen, dass das alte Bild fadeOut();-et und das neue Bild danach fadeIn();-et.

    (Den Vorwärts-Button kannst du danach ja genau mit dem selben Prinzip machen, einfach das man nicht das TimeOut abwartet, bis die neue Funktion geladen wird, sondern man macht es einfach manuell)

    Versteh ich jetzt hier was falsch?
    Frauen lügen nie, selbst wenn sie die Wahrheit nur erfinden müssen.
    Leute die mit gidf antworten wollen, sollten lieber gar nicht antworten. -> http://www.google.de/search?q=xyz tuts auch.

Ähnliche Themen

  1. css bilder
    Von wurmax im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 4
    Letzter Beitrag: 04.02.2007, 22:12
  2. Bilder
    Von mb im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 28.03.2006, 17:32
  3. Bilder
    Von im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 25.10.2005, 20:17
  4. Bilder
    Von Gigazone im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 3
    Letzter Beitrag: 07.09.2005, 15:34
  5. div und bilder
    Von im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 30.06.2005, 11:31

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •