• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

SlideShow in Wordpress

I

Intersect

Guest
Hallo.

Ich habe eine auf Wordpress basierte Webseite die ich mit einer Slideshow besser in Szene setzen wollte.
Nun habe ich eine Slideshow gefunden, ein Online-Script. Dieser funktionert dieses auf meinem Rechner wie es soll.
Sobald ich aber das Script 1 zu 1 kopiere und in Wordpress einfüge funktionert das nicht.

Der Webspace unterstütz JavaScript und sonst fällt mir kein potenzieller Grund ein.


Code:
<!-- configurable script --> <script type="text/javascript"> theimage = new Array();
   // The dimensions of ALL the images should be the same or some of them may look stretched or reduced in Netscape 4. // 
Format: theimage[...]=[image URL, link URL, name/description] 
theimage[0]=["http://", "", ""]; 
theimage[1]=["http://", "", ""]; 
theimage[2]=["http://", "", ""]; 
theimage[3]=["http://", "", ""]; 
theimage[4]=["http://", "", ""]; 
theimage[5]=["http://", "", ""]; 
theimage[6]=["http://", "", ""]; 
theimage[7]=["http://", "", ""]; 
theimage[8]=["http://", "", ""]; 
theimage[9]=["http://", "", ""];  
///// Plugin variables  playspeed=5000;
// The playspeed determines the delay for the "Play" button in ms
 //##### //key that holds where in the array currently are i=0;   
//########################################### 
window.onload=function(){      //set the first slide     SetSlide(0);      //autoplay     PlaySlide(); }  //###########################################
 function SetSlide(num) {     //too big     i=num%theimage.length;     //too small     
if(i<0)i=theimage.length-1;      //switch the image     
document.images.imgslide.src=theimage[i][0];  }   
//########################################### function 
PlaySlide() {     if (!window.playing) 
{         PlayingSlide(i+1);         
if(document.slideshow.play)
{             document.slideshow.play.value="   Stop   ";         
}     }     else 
{         playing=clearTimeout(playing);         
if(document.slideshow.play)
{             document.slideshow.play.value="   Play   ";         
}     }     
// if you have to change the image for the "playing" slide    
 if(document.images.imgPlay){         setTimeout('document.images.imgPlay.src="'+imgStop+'"',1);         
imgStop=document.images.imgPlay.src     } }   //########################################### function PlayingSlide(num) {     playing=setTimeout('PlayingSlide(i+1);SetSlide(i+1);', 
playspeed); }   </script>   

<!-- slide show HTML --> <form name="slideshow">  
<table border="0" cellpadding="0" cellspacing="0"> <tr>     
<td align="center">     
<a href="#" onmouseover="this.href=theimage[i][1];return false">     
<script type="text/javascript">         document.write('<img name="imgslide" id="imgslide" src="'+theimage[0][0]+'" border="0">')     </script>     </a>     </td> </tr> </table>  </form> <!-- end of slide show HTML -->



Vielen dank für eure Aufmerksamkeit.

ps: Es funktioniert nicht, weil nur ein weißer Kasten ohne die Bilder erscheint. Nichts passiert bei Wordpress.
 
Zuletzt bearbeitet von einem Moderator:
Zuersteinmal wird (dieses) Javascript clientseitig ausgeführt, also ob dein Webspace JS unterstützt oder nicht, ist erstmal völlig irrelevant.

Weiter würde ich dir eher raten, anstatt anzufangen dieses Skript zu debuggen, einfach auf jQuery zu setzen, für dieses Framework findest du unzählige fertige Slideshow-Plugins, von denen garantiert auch welche direkt auf Wordpress zugeschnitten sind. Denn z.B. der erzeugte HTML-Teil ist schlicht und einfach Schrott und hat mit moderner Webentwicklung nichts mehr zu tun. Der JS-Teil dürfte da nicht viel positiver abschneiden...
 
Zurück
Oben