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 !
A voir également:
- Recherche un javascript pour album photo
- Album photo partagé - Guide
- Google photo - Télécharger - Albums photo
- Recherche photo - Guide
- Google photo album partagé - Guide
- Recherche automatique des chaînes ne fonctionne pas - Guide
19 réponses
Hey merci beaucoup francisbrico, J'ai trouvé en plein ce que je cherchais sur ce site !
C'est un excellent 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
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
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 +
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 +
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
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
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
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
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
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
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
<!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
