Suche
Teilen
startseite » forum

Dynamische css background-image(s) in Verbindung mit media field? [Gelöst]

  • jousch jousch
    Jedi-Meister
    0 x
    321 Beiträge
    1 Hilfreiche Beiträge
    26. 11. 2010, 21:16

    Hallo liebe Leute,

    ich hab prinzpiell das hier gefunden: http://www.typo3.net/forum/beitraege/thema/71995/

    das sagt mir mal wie es praktisch mit einem Bild funktioniert.

    Ich versuche allerdings das ganze über ein Javascript zu realisieren, bei dem ich als erstes einen Array mit den URLs zu den Bildern angeben muss.

    1. //...
    2. // Set speed (milliseconds)
    3. var speed = 1000
    4.  
    5. // Specify the image files
    6. var Pic = new Array() // don't touch this
    7. // to add more images, just continue
    8. // the pattern, adding to the array below
    9.  
    10. Pic[0] = 'slideshow1_1.jpg'
    11. Pic[1] = 'slideshow1_2.jpg'
    12. Pic[2] = 'slideshow1_3.jpg'
    13. Pic[3] = 'slideshow1_4.jpg'
    14. Pic[4] = 'slideshow1_5.jpg'
    15. //...

    bzw. ich bin grad dran das ganze mit jQuery umzusetzen....

    1. <script type="text/javascript">
    2.  
    3.     var bgArr = ["uploads/media/img1.jpg", "uploads/mediaasdf/img3.jpg", "uploads/mediaasdf/img4.jpg", "uploads/mediaadsf/img5.jpg", "uploads/mediaasdf/img1.jpg" ]; 
    4.     var i=0;
    5.  
    6.     // Slideshow, nen
    7.     setInterval(function() {
    8.         $("#restaurante").css("background-image", "url("+bgArr[i]+")");
    9.         (i < bgArr.length-1) ? i++ : i=0 
    10.     }, 20000); 
    11.  
    12.     // es scheint als ob hier das forum was wegmacht ;---(

    Jetzt würd ich gern wissen, wie ich das vernünftig machen kann.

    Prinzipiell binde ich diese Bilder, sofern ich die IMAGE-Version brauche so ein sofern keine besonderen GIFBUILDER-Sachen darauf angewendet werden müssen:

    1. lib.josdesign = COA
    2. lib.josdesign {
    3.   10 = TEXT
    4.   10.data = levelmedia: -1, slide
    5.   10.split {
    6.     token = ,
    7.     cObjNum = 1
    8.     1 {
    9.       10 = IMAGE
    10.       10.file.import.current = 1
    11.       10.file.import = uploads/media/
    12.     }
    13.   }
    14. }

    in wie weit muss ich das abändern, damit ich dies erstens in den <HEAD>-Tag bekomme und wie, das diese durchnummeriert gewrapped werden? :o ..da steh ich quasi a bissal an!

    Bin für jeden Tipp dankbar! Vielen Dank im Voraus!

  • 1
  • jousch jousch
    Jedi-Meister
    0 x
    321 Beiträge
    1 Hilfreiche Beiträge
    29. 11. 2010, 16:41

    Die Lösung wird wohl jetzt so aussehen: (thx an Klausiiii)

    1. page.headerData.10 = COA
    2. page.headerData.10 {
    3.  10 = TEXT
    4.  10.value = Pic = new Array();
    5.  
    6.  20 = TEXT
    7.  20 {
    8.   data = levelmedia: -1, slide
    10.    token = ,
    11.    cObjNum = 1
    12.    1.wrap = Pic.push("http://domain.net/uploads/media/|"); 
    13.    1.current = 1
    14.   }
    15.  } 
    16.  
    17.  wrap = <script language="javascript">|</script>
    18. }

  • 1
Präsentiert von