- Desde
- 22 Sep 2013
- Mensajes
- 63
Hola a todos.
Soy nueva con el diseño web y me ha surgido un pequeño problema.
Estoy creando una web y he querido incluir un slider de jquery. Todo iba bien, quedó perfecto y funcionaba correcto... hasta que probé con Internet Explorer. Y como temía, no lo acepta.
Llevo todo el día dándole vueltas pero no encuentro la solución.
Esperaba que me pudierais ayudar.
El slider que he utilizado es un plugin jFlow Plus v2.
Os paso los datos:
en js:
$(document).ready(function(){
$("#myController").jFlow({
controller: ".jFlowControl", // must be class, use . sign
slideWrapper: "#jFlowSlider", // must be id, use # sign
slides: "#mySlides", // the div where all your sliding divs are nested in
selectedWrapper: "jFlowSelected", // just pure text, no sign
effect: "flow", //this is the slide effect (rewind or flow)
width: "940px", // this is the width for the content-slider
height: "300px", // this is the height for the content-slider
duration: 400, // time in milliseconds to transition one slide
pause: 5000, //time between transitions
prev: ".jFlowPrev", // must be class, use . sign
next: ".jFlowNext", // must be class, use . sign
auto: true
});
});
en html:
<div id="sliderContainer">
<div id="mySlides">
<div id="slide1" class="slide">
<img src="img/webboda.png" alt=""/>
</div>
<div id="slide2" class="slide">
<img src="img/webautor.png" alt=""/>
</div>
<div id="slide3" class="slide">
<img src="img/webblog.png" alt=""/>
</div>
</div>
<div id="myController">
<span class="jFlowControl"></span>
<span class="jFlowControl"></span>
<span class="jFlowControl"></span>
</div>
<div class="jFlowPrev"></div>
<div class="jFlowNext"></div>
</div>
Supongo que el CSS no lo necesitaréis.
Qué me decís? Me rindo y busco otro o tiene solución??
Un saludo y muchas gracias.
Pdta. Si he puesto algo absurdo en el código o en mi explicación, tened clemencia. Soy una pobre y triste novata.
Soy nueva con el diseño web y me ha surgido un pequeño problema.
Estoy creando una web y he querido incluir un slider de jquery. Todo iba bien, quedó perfecto y funcionaba correcto... hasta que probé con Internet Explorer. Y como temía, no lo acepta.
Llevo todo el día dándole vueltas pero no encuentro la solución.
Esperaba que me pudierais ayudar.
El slider que he utilizado es un plugin jFlow Plus v2.
Os paso los datos:
en js:
$(document).ready(function(){
$("#myController").jFlow({
controller: ".jFlowControl", // must be class, use . sign
slideWrapper: "#jFlowSlider", // must be id, use # sign
slides: "#mySlides", // the div where all your sliding divs are nested in
selectedWrapper: "jFlowSelected", // just pure text, no sign
effect: "flow", //this is the slide effect (rewind or flow)
width: "940px", // this is the width for the content-slider
height: "300px", // this is the height for the content-slider
duration: 400, // time in milliseconds to transition one slide
pause: 5000, //time between transitions
prev: ".jFlowPrev", // must be class, use . sign
next: ".jFlowNext", // must be class, use . sign
auto: true
});
});
en html:
<div id="sliderContainer">
<div id="mySlides">
<div id="slide1" class="slide">
<img src="img/webboda.png" alt=""/>
</div>
<div id="slide2" class="slide">
<img src="img/webautor.png" alt=""/>
</div>
<div id="slide3" class="slide">
<img src="img/webblog.png" alt=""/>
</div>
</div>
<div id="myController">
<span class="jFlowControl"></span>
<span class="jFlowControl"></span>
<span class="jFlowControl"></span>
</div>
<div class="jFlowPrev"></div>
<div class="jFlowNext"></div>
</div>
Supongo que el CSS no lo necesitaréis.
Qué me decís? Me rindo y busco otro o tiene solución??
Un saludo y muchas gracias.
Pdta. Si he puesto algo absurdo en el código o en mi explicación, tened clemencia. Soy una pobre y triste novata.