newsticker als bilder slideshow - alternative? - baseportal Forum - Web-Anwendungen einfach, schnell, leistungsfähig!
baseportal
English - Deutsch "Es gibt keine dummen Fragen - jeder hat einmal angefangen"

 baseportal-ForumDie aktuellsten 10, 30, 50, 100 Einträge anzeigen.  

 
 Ausgewählter Eintrag: Zur Liste 
    Beitrag von markus (1013 Beiträge) am Dienstag, 23.Februar.2010, 18:30.
    newsticker als bilder slideshow - alternative?

      hallo,

      ich nutze einen eigentlichen newsticker für eine bilderslideshow.
      hier laufen die bilder von links nach rechts durch.
      hat jemand so ne slideshow umgesetzt, wo evtl. die bilder ein- und ausblenden, anstatt zu laufen?

      vg
      markus



      <perl>{###############
      get "Album_ID==2 Album_Kat==4", "foto";
      $tickerFOTO="";
      while (get_next("foto"))
      {
      my $name=($Titel ? "<b>$Titel </b>" : "");
      $tickerFOTO.="<a href=\"...\"><img src=\"/pics/$Foto\" border=\"0\" width=\"180px\"></a>";
      }
      out <<EOF;
      <script language="JavaScript1.2">
      <!--
      //Specify the marquee's width and height (in pixels)
      

      var marqueewidth=200
      var marqueeheight=180
      //Specify the marquee's scroll speed (larger is faster)
      var speed=2
      //Specify the marquee contents
      var marqueecontents='$tickerFOTO'

      if (document.all)
      document.write('<marquee align=middle scrollAmount='+speed+' style="width:'+marqueewidth+'">'+marqueecontents+'</marquee>')
      
      function regenerate()
      {
      window.location.reload()
      }
      
      function regenerate2()
      {
      if (document.layers)
      {
      setTimeout("window.onresize=regenerate",450)
      
      intializemarquee()
      }
      }
      
      function intializemarquee()
      {
      document.cmarquee01.document.cmarquee04.document.write('<nobr> '+marqueecontents+'</nobr>')
      document.cmarquee01.document.cmarquee04.document.close()
      thelength=document.cmarquee03.document.cmarquee04.document.width
      scrollit()
      }
      
      function scrollit()
      {
      if (document.cmarquee03.document.cmarquee04.left>=thelength*(-1))
      {
      
      document.cmarquee01.document.cmarquee04.left-=speed
      setTimeout("scrollit()",100)
      }
      else
      {
      
      document.cmarquee03.document.cmarquee04.left=marqueewidth
      scrollit()
      }
      }
      

      window.onload=regenerate2
      //-->

      </script><ilayer width=&{marqueewidth}; height=&{marqueeheight}; name="cmarquee03"><layer name="cmarquee04"></layer></ilayer>
      EOF
      }
      </perl>
      


    Antworten

 Alle Einträge zum Thema: Zur Liste 
    Beitrag von markus (1013 Beiträge) am Dienstag, 23.Februar.2010, 18:30.
    newsticker als bilder slideshow - alternative?

      hallo,

      ich nutze einen eigentlichen newsticker für eine bilderslideshow.
      hier laufen die bilder von links nach rechts durch.
      hat jemand so ne slideshow umgesetzt, wo evtl. die bilder ein- und ausblenden, anstatt zu laufen?

      vg
      markus



      <perl>{###############
      get "Album_ID==2 Album_Kat==4", "foto";
      $tickerFOTO="";
      while (get_next("foto"))
      {
      my $name=($Titel ? "<b>$Titel </b>" : "");
      $tickerFOTO.="<a href=\"...\"><img src=\"/pics/$Foto\" border=\"0\" width=\"180px\"></a>";
      }
      out <<EOF;
      <script language="JavaScript1.2">
      <!--
      //Specify the marquee's width and height (in pixels)
      

      var marqueewidth=200
      var marqueeheight=180
      //Specify the marquee's scroll speed (larger is faster)
      var speed=2
      //Specify the marquee contents
      var marqueecontents='$tickerFOTO'

      if (document.all)
      document.write('<marquee align=middle scrollAmount='+speed+' style="width:'+marqueewidth+'">'+marqueecontents+'</marquee>')
      
      function regenerate()
      {
      window.location.reload()
      }
      
      function regenerate2()
      {
      if (document.layers)
      {
      setTimeout("window.onresize=regenerate",450)
      
      intializemarquee()
      }
      }
      
      function intializemarquee()
      {
      document.cmarquee01.document.cmarquee04.document.write('<nobr> '+marqueecontents+'</nobr>')
      document.cmarquee01.document.cmarquee04.document.close()
      thelength=document.cmarquee03.document.cmarquee04.document.width
      scrollit()
      }
      
      function scrollit()
      {
      if (document.cmarquee03.document.cmarquee04.left>=thelength*(-1))
      {
      
      document.cmarquee01.document.cmarquee04.left-=speed
      setTimeout("scrollit()",100)
      }
      else
      {
      
      document.cmarquee03.document.cmarquee04.left=marqueewidth
      scrollit()
      }
      }
      

      window.onload=regenerate2
      //-->

      </script><ilayer width=&{marqueewidth}; height=&{marqueeheight}; name="cmarquee03"><layer name="cmarquee04"></layer></ilayer>
      EOF
      }
      </perl>
      

     Antworten

    Beitrag von Sander (8133 Beiträge) am Dienstag, 23.Februar.2010, 23:09.
    Re: newsticker als bilder slideshow - alternative?

      kannst ja auf www.snowpage.de das script mit den webcams klauen. das überblendet

     Antworten

    Beitrag von markus (1013 Beiträge) am Mittwoch, 24.Februar.2010, 11:24.
    Re: Re: newsticker als bilder slideshow - alternative?

      hallo sander,
      scripte gibt`s ja genug - hab auch ein passendes gefunden.
      ich hab momentan nur das problem, die bilder richtig aus der db zu holen.
      das script hier von dynamic drive klappt zwar, es wird aber nur 1 bild geholt, obwohl 5 in der db sind :-(
      markus


      <perl>{###############
      get "Album_ID==2 Album_Kat==4", "foto";
      out <<EOF;
      

      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

      <script type="text/javascript" src="fadeslideshow.js">
      </script>
      

      <script type="text/javascript">

      var mygallery=new fadeSlideShow({
       wrapperid: "fadeshow1",
       dimensions: [250, 180], 
       imagearray: [
        ["http://www./upload/pics/$Foto_File.jpg", "", "", "Text"],
        ["http://i31.tinypic.com/119w28m.jpg", "", "", ""] //<--no trailing comma after very last image element!
       ],
       displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
       persist: false, //remember last viewed slide and recall within same session?
       fadeduration: 500, //transition duration (milliseconds)
       descreveal: "ondemand",
       togglerid: ""
      })
      

      </script>


      EOF
      }
      </perl>
      

     Antworten

    Beitrag von Sander (8133 Beiträge) am Mittwoch, 24.Februar.2010, 18:29.
    Re: Re: Re: newsticker als bilder slideshow - alternative?

      hast ja auch kein while get_next drin....

      while(get_next ""){
        push @js_array,"['http://www./upload/pics/$Foto_File.jpg', '', '', 'Text']";
      }
      $js_array=join(",\n",@js_array);
      
      .....


      var mygallery=new fadeSlideShow({

       wrapperid: "fadeshow1",
       dimensions: [250, 180], 
       imagearray: [
                  $js_array
         ],
       displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
       persist: false, //remember last viewed slide and recall within same session?
       fadeduration: 500, //transition duration (milliseconds)
       descreveal: "ondemand",
       togglerid: ""
      })
      

     Antworten

    Beitrag von Sander (8133 Beiträge) am Mittwoch, 24.Februar.2010, 18:31.
    Re: Re: Re: newsticker als bilder slideshow - alternative?

      while(get_next "foto") natürlich....
      

     Antworten

    Beitrag von markus (1013 Beiträge) am Donnerstag, 25.Februar.2010, 13:06.
    Re: Re: Re: Re: newsticker als bilder slideshow - alternative?

      genial :-) das war`s!
      danke sander

     Antworten


     
 Liste der Einträge von 6750 bis 6900:Einklappen Zur Eingabe 
Neueste Einträge << 10 | 9 | 8 | 7 | 6 | 5 | 4 | 3 | 2 | Neuere Einträge < Zur Eingabe  > Ältere Einträge | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 >> Älteste Einträge


Zurück zur Homepage

© baseportal.de. Alle Rechte vorbehalten. Nutzungsbedingungen



powered in 0.10s by baseportal.de
Erstellen Sie Ihre eigene Web-Datenbank - kostenlos!