Javascript carousel draait niet in IE wel in de andere browsers.

Status
Niet open voor verdere reacties.
L

lauraahh

Gebruiker
Lid geworden
14 aug 2012
Berichten
47
mijn carousel wilt niet werken in IE.
Ook werkt hij op de mac niet in chroome, terwijl dit in windows wel werkt.

Ziet iemand wat ik heb fout gedaan.
Of weet iemand een oplossing.

Het volgende scripje heb ik hiervoor gebruikt.
Code: 
<link rel="stylesheet" href="../websolutions/WSData/WSStyle/Heditex2012/css/style_slider.css" type="text/css"/>


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>
<script type="text/javascript">
    $("#featured").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 6000, true);  
	$(document).ready(function(){  
    $("#featured").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 6000, true);  
    $("#featured").hover(  
    function() {  
    $("#featured").tabs("rotate",0,true);  
    },  
    function() {  
    $("#featured").tabs("rotate",6000,true);  
    }  
    );  
    });  
</script>

<body>
<div id="featured" >  
        <ul class="ui-tabs-nav">  
<li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1"><img src="..//websolutions/WSData/WSImages/POS materiaal/POS_buschekast.png" width="150" height="112" /><span>
<strong>B&uuml;sche display</strong><br/>
Artikelnummer: B8960-00<br/>
Deze verlichte kast is enkelzijdig bekleed met monsterborden<br /> ( 11 stuks )<br/>

Artikelnummer: B8961-00<br/>
Deze verlichte kast is tweezijdig bekleed met monsterborden<br /> ( 22 stuks )<br/>
</span></a></li>  
            
<li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2"><img src="..//websolutions/WSData/WSImages/POS materiaal/POS_horrenbrochures.png" width="150" height="112" /><span>
<strong>HR Design horren brochures</strong><br/>
Artikelnummer: 124bro<br/>
Heeft u interesse in horrenbrochures. Vraag onze verkoop afdeling voor meer informatie.<br/>
</span></a></li>  

<li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3"><img src="..//websolutions/WSData/WSImages/POS materiaal/POS_horrenkast.png" width="150" height="112" /><span>
<strong>HR Design horren display</strong><br/>
Artikelnummer: 124bro<br/>
Heeft u interesse in horrenbrochures. Vraag onze verkoop afdeling voor meer informatie.<br/>
</span></a></li> 
 
<li class="ui-tabs-nav-item" id="nav-fragment-4"><a href="#fragment-4"><img src="..//websolutions/WSData/WSImages/POS materiaal/POS_horrenkoffer.png" width="150" height="112" /><span>
<strong>HR Design horren koffer</strong><br/>
Artikelnummer: 124kof2<br/>
In de HR Design horren maatwerk koffer vindt u 10 modellen.<br/>
</span></a></li>  

<li class="ui-tabs-nav-item" id="nav-fragment-5"><a href="#fragment-5"><img src="..//websolutions/WSData/WSImages/POS materiaal/POS_hrdealermap.png" width="150" height="112" /><span>
<strong>HR Design dealermap</strong><br/>
Artikelnummer: 999920<br/>
In deze dealermap vindt u prijs- en productinformatie over alle producten van HR Design binnen, buiten en horren.<br/>
</span></a></li>

<li class="ui-tabs-nav-item" id="nav-fragment-6"><a href="#fragment-6"><img src="..//websolutions/WSData/WSImages/POS materiaal/POS_hrdesignbrochures.png" width="150" height="112" /><span>
<strong>HR Design binnen brochures</strong><br/>
Artikelnummer: 999918<br />	
In deze consumentgerichte folder vindt u informatie over diverse HR Design binnen producten. <br />
</span></a></li>

<li class="ui-tabs-nav-item" id="nav-fragment-7"><a href="#fragment-7"><img src="..//websolutions/WSData/WSImages/POS materiaal/POS_horizontaalaluminium.png" width="150" height="112" /><span>
<strong>HR Design binnen horizontaal aluminium waaier</strong><br/>
Artikelnummer: 999941<br />
Deze handzame waaier bevat alle kleuren waaruit u kunt kiezen voor een horizontale aluminium lamel.<br />
</span></a></li>

<li class="ui-tabs-nav-item" id="nav-fragment-8"><a href="#fragment-8"><img src="..//websolutions/WSData/WSImages/POS materiaal/POS_hrdesignladderbandwaaier.png" width="150" height="112" /><span>
<strong>HR Design binnen horizontaal alu en hout ladderband waaier</strong><br/>
Artikelnummer: 999951<br />
Deze handzame waaier bevat alle kleuren ladderband waaruit u kunt kiezen voor een horizontale houten of aluminium lamel.<br />
</span></a></li>

<li class="ui-tabs-nav-item" id="nav-fragment-9"><a href="#fragment-9"><img src="..//websolutions/WSData/WSImages/POS materiaal/POS_HRkast.png" width="150" height="112" /><span>
<strong>HR Design display </strong><br/>
Artikelnummer: 999980<br />
De HR Design display bevat alle HR Design binnen producten.<br />
</span></a></li>

<li class="ui-tabs-nav-item" id="nav-fragment-10"><a href="#fragment-10"><img src="..//websolutions/WSData/WSImages/POS materiaal/POS_HRpresentatiemap.png" width="150" height="112" /><span>
<strong>HR Design buiten / binnen presentatiemap</strong><br/>
Artikelnummer: 9999..<br />
Heeft u interesse in nieuwe collectiemappen van HR Design. Vraag onze verkoop afdeling voor meer informatie.<br />
</span></a></li>

<li class="ui-tabs-nav-item" id="nav-fragment-11"><a href="#fragment-11"><img src="..//websolutions/WSData/WSImages/POS materiaal/POS_HRdesignrolgordijnwaaier.png" width="150" height="112" /><span>
<strong>HR Design rolgordijn waaier</strong><br/>
Artikelnummer: 999943<br />
De ACTIE rolgordijn waaier heeft zere fraaie uni en verduisterende kleuren.<br />
</span></a></li>
            
        </ul>  
<div id="fragment-1" class="ui-tabs-panel" style=""><img src="..//websolutions/WSData/WSImages/POS materiaal/POS_buschekast.png" width="450" height="350" />
<div class="info" ></div>  
</div>  

<div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style=""><img src="..//websolutions/WSData/WSImages/POS materiaal/POS_horrenbrochures.png" width="450" height="350" />  
<div class="info" ></div>  
</div>  

<div id="fragment-3" class="ui-tabs-panel ui-tabs-hide" style=""><img src="..//websolutions/WSData/WSImages/POS materiaal/POS_horrenkast.png" width="450" height="350" /> <div class="info" ></div>  
</div>  

<div id="fragment-4" class="ui-tabs-panel ui-tabs-hide" style=""><img src="..//websolutions/WSData/WSImages/POS materiaal/POS_horrenkoffer.png" width="450" height="350" /> <div class="info" ></div>  
</div>

<div id="fragment-5" class="ui-tabs-panel ui-tabs-hide" style=""><img src="..//websolutions/WSData/WSImages/POS materiaal/POS_hrdealermap.png" width="450" height="350" /> <div class="info" ></div>  
</div>

<div id="fragment-6" class="ui-tabs-panel ui-tabs-hide" style=""><img src="..//websolutions/WSData/WSImages/POS materiaal/POS_hrdesignbrochures.png" width="450" height="350" /> <div class="info" ></div>  
</div>

<div id="fragment-7" class="ui-tabs-panel ui-tabs-hide" style=""><img src="..//websolutions/WSData/WSImages/POS materiaal/POS_horizontaalaluminium.png" width="450" height="350" /> <div class="info" ></div>  
</div>

<div id="fragment-8" class="ui-tabs-panel ui-tabs-hide" style=""><img src="..//websolutions/WSData/WSImages/POS materiaal/POS_hrdesignladderbandwaaier.png" width="450" height="350" /> <div class="info" ></div>  
</div>

<div id="fragment-9" class="ui-tabs-panel ui-tabs-hide" style=""><img src="..//websolutions/WSData/WSImages/POS materiaal/POS_HRkast.png" width="450" height="350" /> <div class="info" ></div>  
</div>

<div id="fragment-10" class="ui-tabs-panel ui-tabs-hide" style=""><img src="..//websolutions/WSData/WSImages/POS materiaal/POS_HRpresentatiemap.png" width="450" height="350" /> <div class="info" ></div>  
</div>

<div id="fragment-11" class="ui-tabs-panel ui-tabs-hide" style=""><img src="..//websolutions/WSData/WSImages/POS materiaal/POS_HRdesignrolgordijnwaaier.png" width="450" height="350" /> <div class="info" ></div>  
</div>
    </div>

En staat op de volgende website. https://shop.heditex.nl/websolutions/default.aspx?wsmt=wscontent&code=POS materiaal

gr. laura
 
Bij mij draait het in I8 ook (andere computer getest) probeer je cache is te legen door middel van control+F5.
 
Geengezeik zei:
Bij mij draait het in I8 ook (andere computer getest) probeer je cache is te legen door middel van control+F5.
Klik om te vergroten...

cache geleegd, hij draait nog steeds niet en is niet clickable.
krijg jij ook een veiligheiswaarschuwing.
 
Laatst bewerkt:
oke raar probleem,

Ik had het bij mij thuis nog geprobeerd, en daar doet hij het inderdaad ook.
maar op me werk doet hij het in IE op geen enkele computer.
 
ik heb de nieuwste versie van IE8 er op staan, hoger gaat niet omdat ik op windows xp werk.

En zover ik kan zien staat javascript gewoon aan
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" ></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js" ></script>

Door dit in de cms te zetten, en daarna van http - https maken. doet hij het ook in mijn bedrijf en op de mac
 
Ik kan het probleem hier niet reproduceren maar ik gok dat het veroorzaakt wordt doordat je twee versies van jquery.min.js aanroept, eerst versie 1.6.3, bovenaan de pagina, en vervolgens versie 1.3.2, vlak boven het carrousel script. Als je die tweede weg haalt (de eerste kun je wellicht niet eens weghalen omdat die waarschijnlijk onderdeel is van het CMS) heb je goede kans dat het weer gaat werken.

PS: Het is trouwens ook een goed idee om die afbeeldingen om te zetten in .jpg's, dat zou ze een stuk lichter maken.
 
Ik had al de oplossing gevonden juist door dit

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

er wel in te laten staan. Doet hij het namelijk.

Iedereen bedankt voor de hulp
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan