Hulp nodig met jQuery Slideshow (Smoothgallery)

**Edgar van de Oudeweetering** · 23-11-2009, 13:43

Hallo iedereen!

Kort geleden heb ik mijn layout gesliced en gebased, en deze is nu bijna af! :) Echter wil het mij maar niet lukken om de jQuery slideshow werkend te krijgen, en als ik het dan werkend krijg werkt het alleen in Safari en FireFox, maar Internet Explorer 8 moet natuurlijk weer moeilijk doen..

Zouden jullie mij kunnen helpen? Het script moet in <div class="js-slide">. Dit is de code van de index:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
<script src="scripts/mootools.v1.11.js" type="text/javascript"></script>
<script src="scripts/jd.gallery.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/jd.gallery.css" type="text/css" media="screen" />
<script src="scripts/jd.gallery.set.js" type="text/javascript"></script>
<title>Naamloos document</title>
</head>

<body>


<!--  / Top-balk \ -->
<div id="top-b">
    	
        <div class="logo"><a href="#"><img src="afbeeldingen/logo.jpg" alt="logo" width="208" height="46" border="0"  /></a></div>
        

</div><!--  / einde top-balk \ -->
<div id="bg-img-car"></div>
<!--  / Container \ -->
<div id="container">

<!-- / LINKS CONTENT \ -->
	<div id="linkscont">
    
<!-- Menu -->
            	<div class="menu">
					<ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Info</a></li>
                    <li><a href="#">Meeting Gallery</a></li>
                    <li><a href="#">Car Repo's</a></li>
                    <li><a href="#">Movies</a></li>
                    <li><a href="#">Spotted</a></li>
                    <li><a href="#">Sponsors</a></li>
                    <li><a href="#">E-zine</a></li>
                    <li><a href="#">Forum</a></li>
                    <li><a href="#">Contact</a></li>
                   
                    </ul>
                </div> <!-- einde menu -->
                  
<!-- top cont -->               
    			<div class="top-cont"></div>
                
<!-- midden cont  -->
				<div class="mid-cont">
				
                <!-- tekst content-->
                      
                      <div class="tekstc">
                      		<div class="fot-bov"><img src="afbeeldingen/fot-bov.jpg" alt="" /></div>
<!-- begin nieuwsbrief inschrijving -->  
                        
                       			<div class="nbi">
                                
                                	<div class="nbi-k"><h3>- Nieuwsbrief Ontvangen </h3></div>
                                    <div class="nbi-tbg">
                                    <div class="nbi-t">Gratis elke maand het laatste nieuws per mail ontvangen ?
                                    
                                   

									<form method="post" action="">
    									<div>
       									 <label for="naam">Naam:</label><br />
        								<input id="naam" name="naam" /><br />


        								<label for="email">Email:</label><br />
        								<input id="email" name="email" /><br />

        
        								<label>&nbsp;</label>
        								<input class="aanm" name="aanmelden" type="button" />
    									</div>
									</form>


                                    
                                    
                                    </div>
                                    </div>
                                    
                                </div><!-- einde nieuwsbrief inschrijving -->     
<!-- begin js slide -->                            
                            <div class="js-slide">
                            <img src="afbeeldingen/js-sl-ft.jpg" alt=""  />
                            
                            </div><!-- einde js slide -->
                            
<!-- begin artikelen -->
<div id="artikelen">
		<!-- begin partners -->
		<div class="part">
        	<div class="part-k"><h3>Partners </h3></div><!-- einde kop -->
                                    <div class="part-tbg">
                                    <div class="part-t">
                                    <div class="leesmeer"><a href="#"><img src="afbeeldingen/leesm-but.jpg" alt="" border="0"  /> lees                                    meer</a> </div>
                                    
                                    
                                    </div><!-- einde tekst -->
                                    </div><!-- einde tekst bg -->
        </div><!-- einde partners -->

        
                		<!-- begin artikel -->
		<div class="art">
        					<div class="art-k"><!-- audioplaatje -->
                            <div class="sidek"><a href="#"><img src="afbeeldingen/tuning-kop.jpg" alt="" border="0" /></a> </div>
                            <!-- einde audioplaatje -->
                            <h3><b>Porsche cayman getuned door Sportec</b>  </h3></div><!-- einde kop -->
                                    <div class="art-tbg">
                                    <div class="art-t">
                                    <!-- foto --><img src="afbeeldingen/f-cf.jpg" height="119" width="179" hspace="5" align="left" alt="" /><!-- einde foto -->
                                    <!-- tekst --><div class="art-tm">
Tussen de spaken van de velgen door zien we direct al een flink remmensysteem zitten. Aan de voorzijde zitten schijven van 350mm in combinatie met een 6-zuigerige remklauw terwijl de achterkant het met 320mm en een 4-zuigerige klauw moet doen. Een goed remsysteem is dan ook niet onnodig met een topsnelheid van 294 km/u (20 km/u harder dan origineel Porsche). Dit is de Stage II versie, Sportec kan tevens een Stage I versie leveren met 55 pk en 60 Nm minder. Dit verschil is mogelijk door de motorconversie die de Stage II ondergaat, namelijk van 3.4 naar 3.8 liter. Door dit Stage II-pakket beschikt de wagen nu over 380 pk en 326 Nm. Binnen 4,3 seconden zit je op de 100,...
                                      <p><br />
                                      </p>
                                    </div><!-- einde tekst -->
                                    
                                    <div class="artleesmeer"><a href="#"><img src="afbeeldingen/leesm-but.jpg" alt="" border="0"  />  		                                    lees meer</a> </div>
                                    
                                    
                                    </div><!-- einde tekst -->
                                    </div><!-- einde tekst bg -->
        </div><!-- einde artikel -->




                		<!-- begin artikel -->
		<div class="art">
        					<div class="art-k"><!-- audioplaatje -->
                            <div class="sidek"><a href="#"><img src="afbeeldingen/audio-kop.jpg" alt="" border="0" /></a> </div>
                            <!-- einde audioplaatje -->
                            <h3><b>Pioneer brengt de lang verwachte audio systeem uit</b>  </h3></div><!-- einde kop -->
                                    <div class="art-tbg">
                                    <div class="art-t">
                                    <!-- foto --><img src="afbeeldingen/f-p.jpg" width="179" height="119" hspace="5" align="left" alt="" /><!-- einde foto -->
                                    <!-- tekst --><div class="art-tm">
Speciaal voor 18 auto’s uit de Volkswagen-, Seat- en Skoda-stal heeft Pioneer een navigatiesysteem ontwikkeld dat perfect in de voorziene opening in het dashboard past. De AVIC-F9110BT is geschikt voor de VW Caddy, EOS, Golf5, Golf Plus, Golf 6, Jetta, Passat, ¨Passat CC, Scirocco 3, Tiguan, Touran, de Seat Altea, Altea XL, Leon, Toledo, de Skoda Fabia, Roomster en Suberb 2008. Zowel de kleur, de pasvorm als het materiaal zijn aangepast aan de auto. Bovendien kan de gebruiker de stuurbediening blijven gebruiken om bvb. het volume aan te passen of een telefoongesprek aan te nemen. Informatie over de radio of de CD-speler worden eveneens weergegeven op de display tussen de tellers.......Speciaal voor 18 auto’s uit de Volkswagen-, Seat- en Skoda-stal heeft Pioneer een navigatiesysteem ontwikkeld dat perfect in de voorziene opening in het dashboard past. De AVIC-F9110BT is geschikt voor de VW Caddy, EOS, Golf5, Golf Plus, Golf 6, Jetta, Passat, ¨Passat CC, Scirocco 3, Tiguan, Touran, de Seat Altea, Altea XL, Leon, Toledo, de Skoda Fabia, Roomster en Suberb 2008. Zowel de kleur, de pasvorm als het materiaal zijn aangepast aan de auto. Bovendien kan de gebruiker de stuurbediening blijven gebruiken om bvb. het volume aan te passen of een telefoongesprek aan te nemen. Informatie over de radio of de CD-speler worden eveneens weergegeven op de display tussen de tellers.......Speciaal voor 18 auto’s uit de Volkswagen-, Seat- en Skoda-stal heeft Pioneer een navigatiesysteem ontwikkeld dat perfect in de voorziene opening in het dashboard past. De AVIC-F9110BT is geschikt voor de VW Caddy, EOS, Golf5, Golf Plus, Golf 6, Jetta, Passat, ¨Passat CC, Scirocco 3, Tiguan, Touran, de Seat Altea, Altea XL, Leon, Toledo, de Skoda Fabia, Roomster en Suberb 2008. Zowel de kleur, de pasvorm als het materiaal zijn aangepast aan de auto. Bovendien kan de gebruiker de stuurbediening blijven gebruiken om bvb. het volume aan te passen of een telefoongesprek aan te nemen. Informatie over de radio of de CD-speler worden eveneens weergegeven op de display tussen de tellers.......Speciaal voor 18 auto’s uit de Volkswagen-, Seat- en Skoda-stal heeft Pioneer een navigatiesysteem ontwikkeld dat perfect in de voorziene opening in het dashboard past. De AVIC-F9110BT is geschikt voor de VW Caddy, EOS, Golf5, Golf Plus, Golf 6, Jetta, Passat, ¨Passat CC, Scirocco 3, Tiguan, Touran, de Seat Altea, Altea XL, Leon, Toledo, de Skoda Fabia, Roomster en Suberb 2008. Zowel de kleur, de pasvorm als het materiaal zijn aangepast aan de auto. Bovendien kan de gebruiker de stuurbediening blijven gebruiken om bvb. het volume aan te passen of een telefoongesprek aan te nemen. Informatie over de radio of de CD-speler worden eveneens weergegeven op de display tussen de tellers.......Speciaal voor 18 auto’s uit de Volkswagen-, Seat- en Skoda-stal heeft Pioneer een navigatiesysteem ontwikkeld dat perfect in de voorziene opening in het dashboard past. De AVIC-F9110BT is geschikt voor de VW Caddy, EOS, Golf5, Golf Plus, Golf 6, Jetta, Passat, ¨Passat CC, Scirocco 3, Tiguan, Touran, de Seat Altea, Altea XL, Leon, Toledo, de Skoda Fabia, Roomster en Suberb 2008. Zowel de kleur, de pasvorm als het materiaal zijn aangepast aan de auto. Bovendien kan de gebruiker de stuurbediening blijven gebruiken om bvb. het volume aan te passen of een telefoongesprek aan te nemen. Informatie over de radio of de CD-speler worden eveneens weergegeven op de display tussen de tellers.......Speciaal voor 18 auto’s uit de Volkswagen-, Seat- en Skoda-stal heeft Pioneer een navigatiesysteem ontwikkeld dat perfect in de voorziene opening in het dashboard past. De AVIC-F9110BT is geschikt voor de VW Caddy, EOS, Golf5, Golf Plus, Golf 6, Jetta, Passat, ¨Passat CC, Scirocco 3, Tiguan, Touran, de Seat Altea, Altea XL, Leon, Toledo, de Skoda Fabia, Roomster en Suberb 2008. Zowel de kleur, de pasvorm als het materiaal zijn aangepast aan de auto. Bovendien kan de gebruiker de stuurbediening blijven gebruiken om bvb. het volume aan te passen of een telefoongesprek aan te nemen. Informatie over de radio of de CD-speler worden eveneens weergegeven op de display tussen de tellers.......
                                      <p><br />
                                      </p>
                                    </div><!-- einde tekst -->
                                    
                                    <div class="artleesmeer"><a href="#"><img src="afbeeldingen/leesm-but.jpg" alt="" border="0"  />  		                                    lees meer</a> </div>
                                    
                                    
                                    </div><!-- einde tekst -->
                                    </div><!-- einde tekst bg -->
        </div><!-- einde artikel -->
        
        
        
        
                		
        
</div> <!-- einde artikelen -->


											<!-- begin rechts-contentads --><div id="adsr">  
                                                 
        									<!-- ad in cont-magazine -->
        											<div class="adincont">
        												<a href="#"> <img src="afbeeldingen/cv-mgr.jpg" alt="" border="0" /></a>
        
        											</div><!-- einde ad in cont-magazine -->
                                            
                                            		<div class="meld-ad"></div>

											</div><!-- einde rechts-contentads -->
                            
                      </div><!-- einde tekst -->
                
                
                
                </div><!-- einde mid-cont -->

<!-- footer  -->              
    			<div id="footer">
                
                </div><!-- einde footer -->
                
    </div><!-- einde links content -->
    
    
    
<!-- / AD CONTENT \ -->
				<div id="adcont">
    				
                   <!-- adtop --> <div class="ad-top"></div>
                   <!-- admid --> <div class="ad-mid"><span class="img"><a href="#"><img src="afbeeldingen/ad-blok-hier.jpg" alt="" 			                                  border="0"  /></a></span></div>
                   <!-- adfoot --> <div class="ad-foot"><div class="ad"><a href="#">-Advertentie hier ?</a></div></div>
    	
    
    
    
    			</div><!-- einde ad content -->
    
    

</div><!-- einde container-->

</body>
</html>

Zoals jullie zien, heb ik de jQuery scripts en CSS al in de header geplaatst, verder dan dit kom ik dus niet. Ik heb geprobeerd de stappen te volgen die hier staan, maar zijn Gallery demo werkt wel in IE8, en als ik deze stappen volg dus niet:
http://smoothgallery.jondesign.net/g...ery-set-howto/

Zouden jullie mij kunnen helpen? Alvast heel erg bedankt!

**Arjen Rademaker** · 24-11-2009, 11:09

Lijkt het maar zo of gebruik je de mootools library in plaats van de jquery library? Indien dit zo is dien je natuurlijk wel de jquery library mee te laden met de pagina.

**Edgar van de Oudeweetering** · 24-11-2009, 14:53

Bedankt voor je reactie,

Het is uiteindelijk toch gelukt om het ook in Internet Explorer werkend te krijgen. Wat ik heb gedaan is het script geimplementeerd zoals beschreven in de tutorial, en vervolgens de pagina door HTML Tidy gehaalt, sindsdien werkt het ook in Internet Explorer 8 (vraag me niet waarom).

Toch bedankt voor je hulp!

Hulp nodig met jQuery Slideshow (Smoothgallery)