begin process at 2012 05 30 03:57:52
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript et le navigateur

 > 

Autre

 > 

script de defilement d'image


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

script de defilement d'image

mardi 21 juin 2011 à 10:33:11 | script de defilement d'image

sidomed

étant novice dans le javascript, je cherche à faire défiler des image qui sont stocké dans un dossier min et au méme temps dans une base de donnée
l’intérêt de stocké les lien d'images dans la base de donnée c'est pour associer chaque image à un lien internet
c'est à dire que lors du défilement, lorsqu'on clique sur l'image du site du zero bah on est rediriger vers www.siteduzero.com.
j'ai réaliser le script php qui me permer de checher l'image et l'associé à l'URL
je vous donne le code

Code PHP :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <link rel="stylesheet" href="css/admin.css" type="text/css" media="screen" />

</head> 

<body>
  <div id="conteneur">
     <div id="carrousel">
	<div id="slide1" class="slide">
	    <div class="visu">
		<?php
					include('params.inc.php');
					$connect=mysql_connect(MYHOST,MYUSER,MYPASS) or die ('erreur de connexion'); 
					mysql_select_db(MYDB) or die ('erreur de connexion à la base'); 
					$requeteselect = 'SELECT id,lienimage,url FROM images';
					$result = mysql_query($requeteselect, $connect);
					$tableau = array();
					$i = 0;
					while($image_courante = mysql_fetch_array($result,MYSQL_ASSOC)){
						//on met toutes les infos dans un tableau
						$tableau[$image_courante['id']]['url'] = $image_courante['url'];
						$tableau[$image_courante['id']]['lienimage'] = $image_courante['lienimage'];
						if($i == 0){ //si il s'agit de la première image on l'affiche
							echo '<a href='.$tableau[$image_courante['id']]['url'].'><img src='.$tableau[$image_courante['id']]['lienimage'].'> </a>';
						}
						++$i;
					}
					mysql_close($connect);
					
	?>
	    </div>
	</div>
</div>
</form>
</body>
</html>

si quelqu'un à une piste à m'indiquer pour le defillement d'image ça serai sympa
je vous remercie d'avance
mardi 21 juin 2011 à 10:54:53 | Re : script de defilement d'image

buno

Administrateur CodeS-SourceS
Yop,
Des défilements automatiques en javascript, y'en a pléthore.
D'ailleurs, pour une question Javascript, on poste dans la bonne section car ici, tu es dans le bar, section commune à tous les langages...


@+
Buno
----------------------------------------
L'urgent est fait, l'impossible est en cours. Pour les miracles, prévoir un délai...
mardi 21 juin 2011 à 14:51:54 | Re : script de defilement d'image

cod57

bonjour
si tu veux pas te lzncer dans un slideshow jquery
il existe la balise old school <marquee>
http://www.aliasdmc.fr/balise/zone_html_marquee.html

<center>
<marquee
behavior="scroll"
direction="left"
height="63"
width="468"
scrollamount="1"
scrolldelay="30"
onMouseOver="this.stop()"
onMouseOut="this.start()">

<!-- ici ta boucle php -->

<a href="http://www.google.fr" target="_blank" ><img src="droite.jpg" width="468" height="63" border="0" alt="Google search"></a>
<a href="#"><img src="gauche.jpg" width="468" height="63" border="0" alt="lien 1"></a>

</marquee>
</center>

<!-- up left right down -->

Bonne programmation !


Cette discussion est classée dans : script, code, image, defilement, stocké


Répondre à ce message

Sujets en rapport avec ce message

Defilement d'image horizontal [ par toons43 ] Bonjour à tous, Je recherche désespérement un script comme celui-ci http://www.dynamicdrive.com/dynamicindex14/leftrightslide.htmqui permet de faire Aide création script JS / onClick + resize image [ par melimelo1980 ] Salut, Je n'utilise pas beaucoup le javascript donc je ne m'y connais pas suffisamment pour créer moi même le script dont j'aurais besoin. Aussi, j'ai Comment insérer le même script plusieurs fois dans la même page? [ par bigred29 ] Bonjour, Voici mon soucis, je veux mettre 3 diaporama sur la même page, dans un tableau de 3 colonnes.J'ai pris un script sur je javascript.Le problèm integrer une boucle à mon code [ par didiercollasse ] Bonjourje voudrais integrer une boucle à mon code pour qu'il fasse deplacer l'image a tous les differents points indiqué dans mon tableau (chev1)mais Appel input type image sur submit [ par fuggerbit1 ] Voici un petit bout de code très simple que j'essaye de faire fonctionner. On a une fonction de recherche de code magasin et un calendrier (j'ai simpl Defilement aleatoire d'images [ par grolix ] Bonjour,J'ai un bloc div dans lequel je souhaite faire défiler des images aléatoirements (toutes de meme taille).J'ai codé comme ça: <!DOCTYPE ht ajouter du code javascript a une page asp.net [ par koukou6311 ] Salut tous le monde voilà,  je suis tombé sur ce code en javascript pour l'animation des images et j'ai essayé de l'implementer dans mon site sur visu image.src sur onclick() [ par fabienfs ] Bonjour, J'ai créer un petit système d'onglet en javascript mais j'ai un petit soucis. Je voudrais que lorsqu'on clique sur un de mes onglet, celui c Function qui ne functionne pas... [ par Xiarea ] Bonjour, Je suis entrain d'essayer de faire ouvrir un popup lors d'un double clic sur une image. La nouvelle page doit connaitre les coordonées de la


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,281 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales