Sujet Précédent Sujet Suivant

Easy Slider 1,7 qui ne fonctionne pas.

Fermé
bayoantho Messages postés 5 Date d'inscription mardi 29 avril 2014 Statut Membre Dernière intervention 2 mai 2014 - 29 avril 2014 à 18:54
 bayoantho - 4 mai 2014 à 09:53
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.
A voir également:

4 réponses

Réponse 1 / 4
bayoantho Messages postés 5 Date d'inscription mardi 29 avril 2014 Statut Membre Dernière intervention 2 mai 2014
29 avril 2014 à 18:55
Quelles erreurs ai-je pu faire?
0
Réponse 2 / 4
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
Modifié par animostab le 30/04/2014 à 13:53
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.
0
bayoantho Messages postés 5 Date d'inscription mardi 29 avril 2014 Statut Membre Dernière intervention 2 mai 2014
1 mai 2014 à 21:32
Merci pour ces commentaires complets! Je regarde et reviens vers vous!
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
2 mai 2014 à 17:11
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!
0
bayoantho Messages postés 5 Date d'inscription mardi 29 avril 2014 Statut Membre Dernière intervention 2 mai 2014
2 mai 2014 à 18:15
J'ai essayé mais ça ne marche pas. Merci quand même
0
Réponse 3 / 4
bayoantho Messages postés 5 Date d'inscription mardi 29 avril 2014 Statut Membre Dernière intervention 2 mai 2014
2 mai 2014 à 18:20 
<!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>
0
Réponse 4 / 4
bayoantho
4 mai 2014 à 09:53
UP Please :)
0

Discussions similaires

Parfum 33ml - Easy 33.io - voleurs
Enzo -
Clarckos -

40 réponses
Site Easywifi.config inaccessible /
Charly -
Repeteurwifi -

8 réponses
Easy Driver fiable ?
BossHurrican -
Utilisateur anonyme -

18 réponses