Recherche un javascript pour album photo
Bonjour,
Je recherche un javascript qui me permettrait de placer des photos miniatures dans le haut d'une page et au passage du curseur sur celles-ci, l'agrandissement de la photo en question apparaitrait au centre de cette même page.
Merci pour l'aide !
Je recherche un javascript qui me permettrait de placer des photos miniatures dans le haut d'une page et au passage du curseur sur celles-ci, l'agrandissement de la photo en question apparaitrait au centre de cette même page.
Merci pour l'aide !
19 réponses
-
Contributeur
-
ContributeurBonjou
tu dois avoir une case a cocher -
BONJOUR FRANCISBRICO
Je ne vois pas ou pas de mettre résolu -
Contributeurtant mieux
n'oublie pas de mettre résolu
a+ -
RE
OK ça marche merci a toi
A+
MICHEL le Magicien -
Contributeurcolle ceci chez moi ca marche sur IE et Firefox
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="fr-fr">
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>Souris qui suit</title>
</head>
<body bgcolor="#FFFFFF">
<script language="JavaScript">
<!--
//PLF-https://twitter.com/ceosammassey
var x = 0;
var y = 0;
var dist=-50//réglage distance à gauche initial
var mess="Si tu veux cliquer vas dans le script 1, pour voir !";
var posX = 0;
var posY = 0;
var animate = true;
var imag1 = "PHOT1.gif";
if (document.getElementById)
{
if(navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = Pos_Souris;
window.onload = depl_img;
}
function Pos_Souris(p)
{
x = (navigator.appName.substring(0,3) == "Net") ? p.pageX : event.x+document.body.scrollLeft;
y = (navigator.appName.substring(0,3) == "Net") ? p.pageY : event.y+document.body.scrollTop;
}
function clickok()
{
alert(mess);
}
function depl_img()
{
if (document.getElementById && animate)
{
document.getElementById("idjoe").style.top = posY-30;//réglage de la hauteur
document.getElementById("idjoe").style.left = posX+dist;
vitess = setTimeout("depl_img()",10)
posX = posX+(((x-posX)+10)/30);//Réduire le diviseur pour augmenter la vitesse
posY = posY+(((y-posY)+10)/30);//Réduire le diviseur pour augmenter la vitesse
if(posX+dist<x){
imag2='PHOTO1.gif';
dist=-50 //réglage distance à gauche
}
else{
imag2='PHOTO2.gif';
dist=-5 //réglage distance à droite
}
if(imag2!=imag1)
{
document.joe.src=imag2;
imag1=imag2;
}
}
}
if(document.getElementById)
{
document.write('<DIV ID=idjoe style="position: absolute">');
document.write('<A HREF="#" onClick="clickok();">');
document.write('<IMG SRC="PHOTO1.gif" name=joe border=0 hspace=0 vspace=0 ></A></DIV>');
}
//-->
</script>
</body>
</html>
Remplace PHOTO1 et PHOTO2 par les tiennes -
Re
j'ai coler ce que tu ma dit et l'image qui devrais suivre le poiteur reste dans le coin inferieur gauche avec firefox
allor qu'elle suis bien avec IE
A+
MICHEL le Magicien -
Contributeurmets ceci a la premiere ligne
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> -
Bonjour FRANCISBRICO
Voici ce qu'il y a au debu de ma sourse
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><script language="JavaScript">
pour moi qui suis debutant cela ???????????????
A+
MICHEL le Magicien -
Contributeuroui c'est normal pour qu'un programme soit compatible IE Firefox Opera etc
il faut le tester en W3C
par exemple
http://validator.w3.org/...
ou alors toujours charger des programmmes qui ont été tester IE Firefox au moins cela représente 95% des personnes qui utilisent intennet
As-tu ceci au début de ton programme
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="fr-fr">
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>Souris qui suit</title>
</head>
ETC -
Bonjour
J’ai utiliser le script qui suit sur toute les pages de mon site cela est super avec IE mais
cela ne fonctionne pas avec FIREFOX est-ce normal
https://twitter.com/ceosammassey -
Merci pour tout FRANCISBRICO
mais j'ai trouver le problême il y avais un espace et une ";) de trop dans le cript et voila tout
MERCI encore -
Contributeurje pensais que tu faisais un rollower j'ai pris sur le lien que tu indiquer le rollower a 3 images vu que tu indiquez qu'à partir de la troisième ca ne marchait pas donnes-moi le lien exact du programme que tu veux utiliser car il me faut aussi le "body"
-
Bonjour FRANCISBRICO
Merci pour ta réponse mais je ne voie pas de chifre 2 dans le script qui suit
<script language="JavaScript">
<!--
//PLF-https://twitter.com/ceosammassey
var bauto = 0;
var dossier="im/";
var numero = 1;
function objet() {
this.length = objet.arguments.length
for (var i = 0; i < this.length; i++) this[i+1] = objet.arguments[i]
}
var nom = new objet ("imaga.gif", "imagb.gif", "imagc.gif");
function suivante() {
numero += 1;
if (numero == nom.length + 1) numero = 1;
document.image.src = dossier+nom[numero];
}
function precedente() {
numero -= 1;
if (numero == 0) numero = nom.length;
document.image.src = dossier+nom[numero];
}
function changer() {
numero += 1;
if (numero == nom.length + 1) numero = 1;
document.image.src = dossier+nom[numero];
roll=setTimeout("changer()", 1500);
}
function initial() {
window.clearTimeout(roll);
document.image.src = dossier+nom[numero];
}
function auto() {
if (bauto == 0) {
bauto =1; changer();
document.automat.src = "im/flchst.gif";
document.automat.title = "Stop";
}
else {
bauto =0; initial();
document.automat.src = "im/flch2.gif";
document.automat.title = "Auto";
}
}
//-->
</script>
Ou je je suis miro (MDR)
a + -
Bonjour FRANCISBRICO
Merci pour ta réponse mais je ne voie pas de chifre 2 dans le script qui suit
<script language="JavaScript">
<!--
//PLF-https://twitter.com/ceosammassey
var bauto = 0;
var dossier="im/";
var numero = 1;
function objet() {
this.length = objet.arguments.length
for (var i = 0; i < this.length; i++) this[i+1] = objet.arguments[i]
}
var nom = new objet ("imaga.gif", "imagb.gif", "imagc.gif");
function suivante() {
numero += 1;
if (numero == nom.length + 1) numero = 1;
document.image.src = dossier+nom[numero];
}
function precedente() {
numero -= 1;
if (numero == 0) numero = nom.length;
document.image.src = dossier+nom[numero];
}
function changer() {
numero += 1;
if (numero == nom.length + 1) numero = 1;
document.image.src = dossier+nom[numero];
roll=setTimeout("changer()", 1500);
}
function initial() {
window.clearTimeout(roll);
document.image.src = dossier+nom[numero];
}
function auto() {
if (bauto == 0) {
bauto =1; changer();
document.automat.src = "im/flchst.gif";
document.automat.title = "Stop";
}
else {
bauto =0; initial();
document.automat.src = "im/flch2.gif";
document.automat.title = "Auto";
}
}
//-->
</script>
Ou je je suis miro (MDR)
a + -
Contributeurbonjour
as-tu changé le chiffre 2 par le chiffre qui est égale au nombre d'image que tu veux mettre moins 1 -
Bonjour a tous
Je suis allé sur le site (https://twitter.com/ceosammassey )
pour trouver un script pour album photos, j’ai trouver ce lui ci
La visionneuse d'images 2
Ici les Boutons Sont Remplaces par des Images.
et les images visionnées sont de tailles différentes.
il est très bien mais il y a un problème il ne fonctionne que comme ça
var nom = new objet ("01.jgp", "02.jpg", "03.jpg");
mais pas comma ça
var nom = new objet ("01.jpg", "02.jpg", "03.jpg", “04.jpg); etc etc
comme ça non plus
var nom = new objet ("img/01.jpg", "img/02.jpg", "img/03.jpg",); etc etc
y a-t-il une personne qui pourrai me venir en aide
MERCI
MICHEL le Magicien -
Contributeurbonsoir
content pour toi
bon courage
a+ -
Hey merci beaucoup francisbrico, J'ai trouvé en plein ce que je cherchais sur ce site !
C'est un excellent site !
