Easy Slider 1,7 qui ne fonctionne pas.
bayoantho
Messages postés
5
Statut
Membre
-
bayoantho -
bayoantho -
Bonsoir,
Je viens vers vous car je suis épuisé...
J'essaye d'installer le script easy slider sur une page .php et je n'y arrive pas depuis ce matin.
Je ne comprends pas pourquoi... J'ai essayé plein de façons différentes mais sans succès. Pourtant je l'ai déjà installé sur plusieurs sites.
L'animation ne se fait pas, seules les images sont mises les une en dessous des autres.
Merci de vouloir m'aider.
Et j'espère pouvoir vous aider à mon tour sur d'autres choses.
Je viens vers vous car je suis épuisé...
J'essaye d'installer le script easy slider sur une page .php et je n'y arrive pas depuis ce matin.
Je ne comprends pas pourquoi... J'ai essayé plein de façons différentes mais sans succès. Pourtant je l'ai déjà installé sur plusieurs sites.
L'animation ne se fait pas, seules les images sont mises les une en dessous des autres.
Merci de vouloir m'aider.
Et j'espère pouvoir vous aider à mon tour sur d'autres choses.
4 réponses
-
-
Salut
plusieurs causes d'erreurs
jquery:
oubli ou erreur de l'insertion d'appel à la bibliothèque jquery
2 version de jquery différentes sur la meme page
version de jquery incompatible avec le easyslider
insertion de jquery après le script de easyslider
conflit avec une autre bibliothèque (genre mootool ou autre) sans utiliser jquery noconlict
pas de connexion a la bibliothèque jquery
initialisation du script:
oubli ou erreur de l'initialisation du script
conflit avec un autre script ou bibliothèque
html
mauvaise id de la div qui contient le slider
css
erreur dans le css
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.-
-
Bonjour pas d'aide en MP !!!
postez votre code ici car je ne suis pas le seul helper.
deja il y a 2 fois un appel de 2 versions de jquery
<script type="text/javascript" src="http://www.kerrinhardy.com/resources/sliders/jscript_jquery-1.5.min.js"></script>
et
<script type="text/javascript" src="../js/jquery-1.4.1.min.js"></script>
ensuite il n'y a pas le script d'initialisation du slider
<script type="text/javascript">
$(document).ready(function(){
$("#slider").easySlider({
auto: true,
continuous: true
});
});
</script>
et mettez votre css dans un fichier css externe et pas dans la page
si vous aviez bien suivi ce que j'ai dis avant vous auriez pu trouver par vous meme! -
-
-
<!DOCTYPE HTML SYSTEM>
<html lang="fr">
<head>
<title>SITE</title>
<META NAME="description" CONTENT="Description Web">
<META NAME="keywords" CONTENT="Mots, Clefs">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="../style.css" type="text/css" >
<script type="text/javascript" src="http://www.kerrinhardy.com/resources/sliders/jscript_jquery-1.5.min.js"></script>
<script type="text/javascript" src="http://www.kerrinhardy.com/resources/sliders/jscript_easySlider1.7.js"></script>
<script type="text/javascript" src="http://www.kerrinhardy.com/resources/sliders/jscript_easyslider_settings.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("body").css("display", "none");
});
</script>
<script type="text/javascript" src="http://www.kerrinhardy.com/resources/sliders/jscript_jquery-1.5.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("body").css("display", "none");
$("body").fadeIn(2000);
$("a.transition").click(function(event){
event.preventDefault();
linkLocation = this.href;
$("body").fadeOut(1000, redirectPage);
});
function redirectPage() {
window.location = linkLocation;
}
});
</script>
<SCRIPT LANGUAGE="JavaScript">
<!-- Disable
var BLOQUER_SELECTION = true ;
function disableselect(e){
return !BLOQUER_SELECTION;
}
function reEnable(){
return true
}
//if IE4+
document.onselectstart=new Function ("return false")
document.oncontextmenu=new Function ("return false")
//if NS6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
//-->
</script>
<!-- DEBUT DU SCRIPT -->
<script language="JavaScript1.2">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
function ejs_nodroit()
{
return(false);
}
document.oncontextmenu = ejs_nodroit;
</script>
</head>
<body bgcolor="#c91051" leftmargin="0" topmargin="0" marginwidth="0" marginheight="30">
<!-- Officiel -->
<table id="Visuel_Officiel" width="990" height="681" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td colspan="17">
<img src="../images/Visuel_01.png" width="990" height="131" alt=""></td>
</tr>
<tr>
<td colspan="10" rowspan="2">
<img src="../images/Visuel_02.png" width="602" height="233" alt=""></td>
<td colspan="5"background="../images/Visuel_03.png" width="291" height="182" style="text-align: justify; line-height: 20 px; padding-left: 30px; padding-right: 30px; padding-top: 30px; padding-bottom: 30px; font-size: 14px;">
<!-- Contenu -->
<?php include '../actualites.php'; ?>
<!-- Contenu -->
</td>
<td colspan="2" rowspan="3">
<img src="../images/Visuel_04.png" width="97" height="279" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="../images/Visuel_05.png" width="291" height="51" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="../images/Visuel_06.png" width="205" height="46" alt=""></td>
<td>
<a href="../biographie">
<img src="../images/Visuel_03-08.png" onMouseOut="javascript:this.src='../images/Visuel_03-08.png';" onMouseOver="javascript:this.src='../images/Visuel1_03-08.png';" width="98" height="46" border="0" alt=""></a></td>
<td>
<img src="../images/Visuel_08.png" width="48" height="46" alt=""></td>
<td>
<a href="../parcours">
<img src="../images/Visuel_05-10.png" onMouseOut="javascript:this.src='../images/Visuel_05-10.png';" onMouseOver="javascript:this.src='../images/Visuel1_05-10.png';" width="82" height="46" border="0" alt=""></a></td>
<td>
<img src="../images/Visuel_10.png" width="48" height="46" alt=""></td>
<td colspan="2">
<a href="../photos">
<img src="../images/Visuel_07.png" onMouseOut="javascript:this.src='../images/Visuel_07.png';" onMouseOver="javascript:this.src='../images/Visuel1_07.png';" width="67" height="46" border="0" alt=""></a></td>
<td>
<img src="../images/Visuel_12.png" width="47" height="46" alt=""></td>
<td colspan="2">
<a href="../videos">
<img src="../images/Visuel_09.png" onMouseOut="javascript:this.src='../images/Visuel_09.png';" onMouseOver="javascript:this.src='../images/Visuel1_09.png';" width="62" height="46" border="0" alt=""></a></td>
<td colspan="2">
<img src="../images/Visuel_14.png" width="47" height="46" alt=""></td>
<td>
<a href="../contacts">
<img src="../images/Visuel1_11.png" width="83" height="46" border="0" alt=""></a></td>
<td>
<img src="../images/Visuel_16.png" width="106" height="46" alt=""></td>
</tr>
<tr>
<td rowspan="4">
<img src="../images/Visuel_17.png" width="15" height="270" alt=""></td>
<td colspan="15" background="../images/Visuel_18.png" width="960" height="151" style="text-align: justify; padding-left: 30px; padding-right: 30px; padding-top: 30px; padding-bottom: 30px; font-size: 14px;">
<!-- Contenu -->
<style>
body{margin: 0 auto; padding: 0;}
img{border:none;}
/* image replacement */
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
margin:0;
padding:0;
display:block;
overflow:hidden;
text-indent:-8000px;
}
/* // image replacement */
#container{
margin:0 auto;
position:relative;
text-align:left;
width:660px;
background:#fff;
margin-bottom:2em;
}
#header{
height:80px;
line-height:80px;
background:#5DC9E1;
color:#fff;
}
#content{
position:relative;
}
/* Easy Slider */
#slider ul, #slider li,
#slider2 ul, #slider2 li{
margin:0;
padding:0;
list-style:none;
}
#slider2{margin-top:1em;}
#slider li, #slider2 li{
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
width:660px;
height:240px;
overflow:hidden;
}
#prevBtn, #nextBtn,
#slider1next, #slider1prev{
display:block;
width:30px;
height:77px;
position:absolute;
left:-30px;
top:71px;
z-index:1000;
}
#nextBtn, #slider1next{
left:660px;
}
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{
display:block;
position:relative;
width:30px;
height:77px;
background:url(../../images/btn_prev.gif) no-repeat 0 0;
}
#nextBtn a, #slider1next a{
background:url(../../images/btn_next.gif) no-repeat 0 0;
}
/* numeric controls */
ol#controls{
margin:1em 0;
padding:0;
height:28px;
}
ol#controls li{
margin:0 10px 0 0;
padding:0;
float:left;
list-style:none;
height:28px;
line-height:28px;
}
ol#controls li a{
float:left;
height:28px;
line-height:28px;
border:1px solid #ccc;
background:#DAF3F8;
color:#555;
padding:0 10px;
text-decoration:none;
}
ol#controls li.current a{
background:#5DC9E1;
color:#fff;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
/* // Easy Slider */
</style>
<div id="container">
<div id="content">
<div id="slider">
<ul>
<li><a href="#"><img src="http://www.kerrinhardy.com/images/slider1.jpg" alt="Easy Slider 1.7 for Zen Cart"></a></li>
<li><a href="#"><img src="http://www.kerrinhardy.com/images/slider2.jpg" alt="Easy Slider 1.7 for Zen Cart"></a></li>
<li><a href="#"><img src="http://www.kerrinhardy.com/images/slider3.jpg" alt="Easy Slider 1.7 for Zen Cart"></a></li>
<li><a href="#"><img src="http://www.kerrinhardy.com/images/slider4.jpg" alt="Easy Slider 1.7 for Zen Cart" /></a></li>
</ul>
</div>
</div>
</div>
<!-- Contenu -->
</td>
<td rowspan="4">
<img src="../images/Visuel_19.png" width="15" height="270" alt=""></td>
</tr>
<tr>
<td colspan="15">
<img src="../images/Visuel_20.png" width="960" height="38" alt=""></td>
</tr>
<tr>
<td colspan="6" rowspan="2">
<img src="../images/Visuel_21.png" width="519" height="81" alt=""></td>
<td colspan="5">
<a href="../Visuelfr">
<img src="../images/Visuel_19-23.png" onMouseOut="javascript:this.src='../images/Visuel_19-23.png';" onMouseOver="javascript:this.src='../images/Visuel1_19-23.png';" width="155" height="55" border="0" alt=""></a></td>
<td colspan="4" rowspan="2">
<img src="../images/Visuel_23.png" width="286" height="81" alt=""></td>
</tr>
<tr>
<td colspan="5">
<img src="../images/Visuel_24.png" width="155" height="26" alt=""></td>
</tr>
<tr>
<td>
<img src="../images/spacer.gif" width="15" height="1" alt=""></td>
<td>
<img src="../images/spacer.gif" width="190" height="1" alt=""></td>
<td>
<img src="../images/spacer.gif" width="98" height="1" alt=""></td>
<td>
<img src="../images/spacer.gif" width="48" height="1" alt=""></td>
<td>
<img src="../images/spacer.gif" width="82" height="1" alt=""></td>
<td>
<img src="../images/spacer.gif" width="48" height="1" alt=""></td>
<td>
<img src="../images/spacer.gif" width="53" height="1" alt=""></td>
<td>
<img src="../images/spacer.gif" width="14" height="1" alt=""></td>
<td>
<img src="../images/spacer.gif" width="47" height="1" alt=""></td>
<td>
<img src="../images/spacer.gif" width="7" height="1" alt=""></td>
<td>
<img src="../images/spacer.gif" width="55" height="1" alt=""></td>
<td>
<img src="../images/spacer.gif" width="32" height="1" alt=""></td>
<td>
<img src="../images/spacer.gif" width="15" height="1" alt=""></td>
<td>
<img src="../images/spacer.gif" width="83" height="1" alt=""></td>
<td>
<img src="../images/spacer.gif" width="106" height="1" alt=""></td>
<td>
<img src="../images/spacer.gif" width="82" height="1" alt=""></td>
<td>
<img src="../images/spacer.gif" width="15" height="1" alt=""></td>
</tr>
</table>
<!-- Officiel -->
</body>
</html> -
