Procédure pour s3Slider jQuery plugin

de **fener** » Sam 4 Déc 2010 15:42

Bonjour
J'aimerais savoir comment installer correctement s3Slider jQuery vous avez des tres exemple de pluing http://www.serie3.info/s3slider/demonstration.html
Je suis aller sur le site http://www.serie3.info/s3slider/ pour la procedure d'installer et
Telecharger les fichier source sur http://s3slider-original.googlecode.com ... erFull.zip

Avant de commencé j'ai pris le fichier s3Slider.js mis dans mon repertoire /javascript/jquery

<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/s3Slider.js" type="text/javascript"></script>
J'ai ajouter cette code dans mon fichier /templates/arfooo/includes/header.tpljuste avant

{/if}
{if isset($headData)}
{$headData}{/if}
</head>

Ensuite cette ligne

apres la ligne <body>.

Il me reste a ajouter Css dans mon fichier dans stye.css qui se trouve /templates/arfooo/css/stye.css
#s3slider {
width: 400px; /* important to be same as image width */
height: 300px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
}

#s3sliderContent {
width: 400px; /* important to be same as image width or wider */
position: absolute; /* important */
top: 0; /* important */
margin-left: 0; /* important */
}

.s3sliderImage {
float: left; /* important */
position: relative; /* important */
display: none; /* important */
}

.s3sliderImage span {
position: absolute; /* important */
left: 0;
font: 10px/15px Arial, Helvetica, sans-serif;
padding: 10px 13px;
width: 374px;
background-color: #000;
filter: alpha(opacity=70); /* here you can set the opacity of box with text */
-moz-opacity: 0.7; /* here you can set the opacity of box with text */
-khtml-opacity: 0.7; /* here you can set the opacity of box with text */
opacity: 0.7; /* here you can set the opacity of box with text */
color: #fff;
display: none; /* important */
top: 0;

/*
if you put
top: 0; -> the box with text will be shown at the top of the image
if you put
bottom: 0; -> the box with text will be shown at the bottom of the image
*/
}

.clear {
clear: both;
}
Mais il me reste à ajouté la ligne suivant dans quel fichier ou je ne sais pas

$(document).ready(function() {
$('#s3slider').s3Slider({
timeOut: 4000
});
});
J'ai suivie la chose j'ai rencontré deux problemes
1) Slider apparait sur toute les pages
2) Slider prend l'emplacement mais n'affiche rien

Quelque pourrait partagé son experience sur le sujet merci.

de **Angra-Mainyu** » Lun 6 Déc 2010 08:55

de **fener** » Lun 6 Déc 2010 20:12

Bonjour
j'ai mis le code ou tu m avez indique mais le probleme mon site affiche plus rien :0(
lorsque je supprime le code
<script type="text/javascript">
$(document).ready(function() {
$('#s3slider').s3Slider({
timeOut: 4000
});
});
</script>

mon site apparait a nouveau sauf que on voie bien l'emplacement de choses sans rien autre ni image ni texte

concernant mon site lorsqu'il sera digne de son nom j'aimerais avoir vos point vue

de **Angra-Mainyu** » Mer 8 Déc 2010 15:08

Salut,
j'aime bien regarder les sites surtout les sources.
Cela permet de comprendre comment est monté le site et de détecter d'éventuels erreurs que l'on ne voit pas forcement du premier regard.
Mon thème n'est pas encore prêt, mais mon annuaire a quand même le thème d'arfooo par défaut, ça permet d'être aiguiller quelques fois.

de **spec** » Mer 12 Jan 2011 21:31

essaye ça

{literal}

<script type="text/javascript">
$(document).ready(function() {
$('#s3slider').s3Slider({
timeOut: 4000
});
});
</script>

{/literal}

Procédure pour s3Slider jQuery plugin

Procédure pour s3Slider jQuery plugin

Re: Procédure pour s3Slider jQuery plugin

Re: Procédure pour s3Slider jQuery plugin

Re: Procédure pour s3Slider jQuery plugin

Re: Procédure pour s3Slider jQuery plugin

Qui est en ligne