Sujet Précédent Sujet Suivant

Insérer un effet jquery dans une page

Résolu/Fermé
flibouk - 23 mars 2011 à 14:51
 flibouk - 23 mars 2011 à 16:36
Bonjour,
Voila mon souci, j'aimerai insérer cet effet : http://keith-wood.name/imageCube.html

dans ma page html.
j'ai donc télécharger le petit fichier "jquery.imagecube.js" que j'ai mis a la racine.
mon code est donc celui ci : 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>jQuery Image Cube</title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="jquery.imagecube.js"></script>

</head>
<body>

		<div id="defaultCube" style="width: 200px; height: 150px;">
		
			<img src="p1.jpg" alt="Uluru" title="Uluru">
			<img src="p2.jpg" alt="Islands" title="Islands">
			<img src="p3.jpg" alt="Gorge" title="Gorge">
		</div>
		
</body>
</html>


je vois bien les 3 images a l'écran mais aucun effet les 3 images sont l'une a coté de l'autre.
qu'ai je oublié ?
merci beaucoup par avance pour votre aide

A voir également:

3 réponses

Réponse 1 / 3
Melooo Messages postés 1405 Date d'inscription vendredi 28 novembre 2008 Statut Membre Dernière intervention 18 mars 2013 84
23 mars 2011 à 14:59
Ca : 
$('#defaultCube').imagecube();
0
flibouk
23 mars 2011 à 15:01
je m'en doutais un peu mais je le met ou ?
0
Melooo Messages postés 1405 Date d'inscription vendredi 28 novembre 2008 Statut Membre Dernière intervention 18 mars 2013 84
23 mars 2011 à 15:09
Niconovice ta répondu ;)
0
Réponse 2 / 3
niconovice Messages postés 954 Date d'inscription lundi 10 novembre 2008 Statut Membre Dernière intervention 3 mars 2014 86
23 mars 2011 à 15:00
Salut,
verifie le lien qui te mene à "jquery.imagecube.js" le problème vient de là ;)
@+
0
niconovice Messages postés 954 Date d'inscription lundi 10 novembre 2008 Statut Membre Dernière intervention 3 mars 2014 86
23 mars 2011 à 15:05 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>jQuery Image Cube</title>
<style type="text/css">
#basicCube { width: 200px; height: 150px; }
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="jquery.imagecube.js"></script>
<script type="text/javascript">
$(function () {
	$('#basicCube').imagecube({imagePath: 'img/'});
});
</script>
</head>
<body>
<h1>jQuery Image Cube Basics</h1>

<div id="basicCube">
	<img src="img/uluru.jpg" alt="Uluru" title="Uluru">
	<img src="img/islands.jpg" alt="Islands" title="Islands">
	<img src="img/gorge.jpg" alt="Gorge" title="Gorge">
</div>

</body>
</html>
0
Réponse 3 / 3
flibouk
23 mars 2011 à 15:12
Super les gars ! merci beaucoup !!!!!
0
niconovice Messages postés 954 Date d'inscription lundi 10 novembre 2008 Statut Membre Dernière intervention 3 mars 2014 86
23 mars 2011 à 15:13
Meloo va apprecier ;)
0
Melooo Messages postés 1405 Date d'inscription vendredi 28 novembre 2008 Statut Membre Dernière intervention 18 mars 2013 84
23 mars 2011 à 15:37
LOL en effet... super les gars & les filles ;)
0
niconovice Messages postés 954 Date d'inscription lundi 10 novembre 2008 Statut Membre Dernière intervention 3 mars 2014 86
23 mars 2011 à 15:38
;)
0
flibouk
23 mars 2011 à 15:41
oupssss désolé.

alors merci charmante demoiselle.

heu je suis encore embêtant mais quand je change de style d'effet ca ne marche. je voudrai insérer ca dans ma fonction : .imagecube({speed: 5000, easing: 'easeOutBounce'}); mais quand je le met l'image reste fixe. une idée ?
0
Melooo Messages postés 1405 Date d'inscription vendredi 28 novembre 2008 Statut Membre Dernière intervention 18 mars 2013 84
23 mars 2011 à 15:43
Charmante je veux bien :p
sinon regarde cette page, c'est toutes les fonctionnalités dispo :
http://keith-wood.name/imageCubeRef.html
0