Est-ce quelqu'un pourrait me créer un Jquery?

Fermé
Sablatybou - Modifié par Sablatybou le 21/09/2011 à 15:17
amiranda65 Messages postés 22 Date d'inscription mercredi 21 septembre 2011 Statut Membre Dernière intervention 23 septembre 2011 - 22 sept. 2011 à 17:49
Bonjour,

j'ai tenté en vain la semaine dernière, suite à une réponse donnée à un de mes messages, de faire moi même un Jquery slideshow comme celui-ci: http://btemplates.com/2011/blogger-template-perfecty/demo/ , pour mon blog: www.lacuisinedesab.com
Et suite à une migraine carabinée, je renonce à la faire moi-même...

Il faudrait qu'il ait 880 px de largeur et environ 400 / 450 px en hauteur. Courier en police d'écriture et c'est tout...
Je suppose (j'espère) que les variables (photos et textes) sont modifiables facilement quand le code est fait!

Merci 10000000 fois à la personne qui aura le courage et la gentillesse de me faire ce code!
Sab



A voir également:

1 réponse

amiranda65 Messages postés 22 Date d'inscription mercredi 21 septembre 2011 Statut Membre Dernière intervention 23 septembre 2011 11
22 sept. 2011 à 12:26
Bonjour,

Une solution : tu télécharges l'outil ci dessous et tu adaptes les images et la taille à tes besoins :
http://workshop.rs/projects/coin-slider/

De mémoire ce n'est pas très compliqué et c'est assez bien documenté.
0
Merci pour ta réponse... Je butte sur tout, où mettre les différents codes... Que modifier?
J'abandonne...

Si quelqu'un peut m'en faire un merci, sinon je laisser tomber, c'est pas de mon niveau :(
Merci à toi, bonne après-midi!
0
amiranda65 Messages postés 22 Date d'inscription mercredi 21 septembre 2011 Statut Membre Dernière intervention 23 septembre 2011 11
22 sept. 2011 à 17:49
OK, je vais essayer de t'expliquer tu vas voir c'est pas compliqué.
1/ tu télécharge Jquery et Coin-slider (lien plus haut)
pour Jquery voici l'adresse : https://jquery.com/
2/tu mets tous les fichiers téléchargé a la racine de ton site.
3/tu met le code suivant dans le <head> de la page ou tu veux afficher le slider
[code]
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript" src="coin-slider.min.js"></script>
<link rel="stylesheet" href="coin-slider-styles.css" type="text/css" />
[/code]
4/ tu met tes images avec le code ci-dessous à l'endroit ou tu veux mettre ton slide :
[code]
<div id='coin-slider'>
<a href="img01_url" target="_blank">
<img src='img01.jpg' >
<span>
Description for img01
</span>
</a>
......
......
<a href="imgN_url">
<img src='imgN.jpg' >
<span>
Description for imgN
</span>
</a>
</div>
[/code]
5/ A la fin de ta page avant la balise </body> tu mets le code
[code]
<script type="text/javascript">
$(document).ready(function() {
$('#coin-slider').coinslider({ width: 800, height: 450});
});
</script>
[/code]

et ca devrait être bon
0