Insérer un effet jquery dans une page

Résolu

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

Afficher la suite

A voir également:

Insérer un effet jquery dans une page
Insérer une vidéo dans powerpoint - Guide
Supprimer une page dans word - Guide
Insérer signature word - Guide
Comment imprimer un tableau excel sur une seule page - Guide
Insérer un espace insécable dans word - Guide

3 réponses

Réponse 1 / 3

Melooo Messages postés 1405 Date d'inscription Statut Membre Dernière intervention 84

Ca :

$('#defaultCube').imagecube();

flibouk

je m'en doutais un peu mais je le met ou ?

Melooo Messages postés 1405 Date d'inscription Statut Membre Dernière intervention 84

Niconovice ta répondu ;)

Réponse 2 / 3

niconovice Messages postés 953 Date d'inscription Statut Membre Dernière intervention 86

Salut,
verifie le lien qui te mene à "jquery.imagecube.js" le problème vient de là ;)
@+

niconovice Messages postés 953 Date d'inscription Statut Membre Dernière intervention 86

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

Réponse 3 / 3

flibouk

Super les gars ! merci beaucoup !!!!!

niconovice Messages postés 953 Date d'inscription Statut Membre Dernière intervention 86

Meloo va apprecier ;)

Melooo Messages postés 1405 Date d'inscription Statut Membre Dernière intervention 84

LOL en effet... super les gars & les filles ;)

niconovice Messages postés 953 Date d'inscription Statut Membre Dernière intervention 86

;)

flibouk

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 ?

Melooo Messages postés 1405 Date d'inscription Statut Membre Dernière intervention 84

Charmante je veux bien :p
sinon regarde cette page, c'est toutes les fonctionnalités dispo :
http://keith-wood.name/imageCubeRef.html

Votre réponse