[RESOLU] CrossSlider

Marsh Posté le 31-12-2011 à 20:27:33

Bonsoir tout le monde alors que certains on commencé l'apéro c'est l'heure pour d'autres de travailler ...

Tout d'abord j'éspère poster au bon endroit :whistle:
Et vous pouvez être certains que j'ai épluchée tout les post de toute les forums français comme anglais et je n'ai malheureusement rien trouvé de valable ...

Je suis un débutant en programmation.
Ma seule réussite a été l'implémentation d'un slider en javascript nommé orbit (http://www.zurb.com/playground/orbit-jquery-image-slider)
et ... c'est tout

La j'essai désespérément d'implémenter CrossSlide (http://tobia.github.com/CrossSlide/)
Depuis deux jour sans succès.

Si quelqu'un a la bonté de se pencher sur mon problème mon petit moi me dit qu'il sera couvert de chance pour l'année a venir
Je vous ai fait des screen comme ça vous pouvez voir la structure du site en bas a droite, avec les photo qui sont bien en jpeg et dont les dimension sont celle présente dans le fichier css

topo: J'appelle bien les deux .js dans mon head celle de CrossSlide et jquery, je suis les information du site a la lettre. mettre la div dans body.
Mon problème doit se situer à l'étape 4. Je ne saisi pas très bien le sens de cette phrase :

"4. Open a script tag, define a "document ready handler" and activate my plugin on the div you created in step 2:"
Du coup j'ai mis le texte entre les balises <script></script> a tout les endroits possible, rien ne s'est jamais passé (dans le body, dans le body entre <div id="test"> et </div>, après, avant, au début des pages en .js (comme pour Orbit) et d'autre endroits dont je n'ose pas vous parler :non: ) Bref je commence a désespérer et a penser que ce n'est pas encore en 2012 que je vais pouvoir terminer mon site web ...

http://imageshack.us/photo/my-imag [...] 31201.png/

http://imageshack.us/photo/my-imag [...] 31201.png/

problème résolu essayez avec ça, très important le height !

<head>

<script type="text/javascript">
$(document).ready(function ()
{
$('#slideshow').crossSlide({
sleep: 2,
fade: 1
}, [
{ src: 'images/picture1.jpg', dir: 'up' },
{ src: 'images/picture2.jpg' , dir: 'down' }
]);

});
</script>
</head>

<body>

<div id="content">
<div id="slideshow" style="height: 367px;"></div>
</div>

</body>