Easy Slider 1,7 qui ne fonctionne pas.

bayoantho Messages postés 5 Date d'inscription Statut Membre Dernière intervention -
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.

Afficher la suite

A voir également:

Easy Slider 1,7 qui ne fonctionne pas.
Easy php - Télécharger - Divers Web & Internet
Easy disk drive repair - Télécharger - Récupération de données
Easy cleaner - Télécharger - Nettoyage
Driver easy gratuit - Télécharger - Optimisation
Easy duplicate finder - Télécharger - Nettoyage

4 réponses

Réponse 1 / 4

bayoantho Messages postés 5 Date d'inscription Statut Membre Dernière intervention

Quelles erreurs ai-je pu faire?

Réponse 2 / 4

animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention 738

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.

bayoantho Messages postés 5 Date d'inscription Statut Membre Dernière intervention

Merci pour ces commentaires complets! Je regarde et reviens vers vous!

animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention 738

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!

bayoantho Messages postés 5 Date d'inscription Statut Membre Dernière intervention

J'ai essayé mais ça ne marche pas. Merci quand même

Réponse 3 / 4

bayoantho Messages postés 5 Date d'inscription Statut Membre Dernière intervention

<!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>

Réponse 4 / 4

bayoantho

UP Please :)

Discussions similaires

Site Easywifi.config inaccessible /

Easy Driver fiable ?

Pc planté après mise à jour pilote Driver Easy

quel est le meilleur logiciel pour mettre à jour tous les drivers du pc?

Configuration répéteur Wifi

Votre réponse

Discussions similaires