Recherche un javascript pour album photo
CleanPc
Messages postés
13
Statut
Membre
-
francisbrico Messages postés 967 Statut Contributeur -
francisbrico Messages postés 967 Statut Contributeur -
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
-
-
Hey merci beaucoup francisbrico, J'ai trouvé en plein ce que je cherchais sur ce site !
C'est un excellent site ! -
-
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 -
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question -
bonjour
as-tu changé le chiffre 2 par le chiffre qui est égale au nombre d'image que tu veux mettre moins 1 -
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 + -
je 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"
-
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 -
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 -
oui 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 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 -
mets ceci a la premiere ligne
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> -
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 -
colle 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 -
-
tant mieux
n'oublie pas de mettre résolu
a+ -
-