Sujet Précédent Sujet Suivant

Ouverture de photos sympa

Résolu/Fermé
Aquarelle89 Messages postés 24 Date d'inscription jeudi 2 octobre 2008 Statut Membre Dernière intervention 13 août 2012 - 30 janv. 2009 à 13:44
Aquarelle89 Messages postés 24 Date d'inscription jeudi 2 octobre 2008 Statut Membre Dernière intervention 13 août 2012 - 30 janv. 2009 à 16:06
Bonjour,

Sur mon site j'ai des photos et je voudrais que quand on clique dessus elles s'agrandissent de la même manière que sur ce site http://www.constanceboat.com/cadre.asp (cliquez sur "Neufs" et sur une des photos) J'adore la manière dont elles s'ouvrent!

Sachant que je fais mon site avec Frontpage, est-ce possible, y a-t-il un code html pour ce genre de truc? Si non, connaissez-vous une manière sympa d'agrandir mes photos? Pour l'instant je les fais s'ouvrir dans une nouvelle fenêtre mais c'est pas top je trouve!

Merci d'avance

Julie
A voir également:

4 réponses

Réponse 1 / 4
pazz
30 janv. 2009 à 14:02
salut,

oui c'est possible avec du javascript ou de l'actionscript

par exemple:

html: 

<img src="ton_image" id="ton_id" onclick="Bigrest(this.id,200);" />


Javascript: 

function Bigrest(id,Size){
var LimiteH=800;
var Nh=document.getElementById(id).clientHeight;
if(Nh<=800){
     Size+=10;
     document.getElementById(id).style.height=Size+"px";
    setTimeout("Bigrest('"+id+"',"+Size+")",10);
    }
}


voila a toi de t'inspiré de sa
0
Réponse 2 / 4
Aquarelle89 Messages postés 24 Date d'inscription jeudi 2 octobre 2008 Statut Membre Dernière intervention 13 août 2012 3
30 janv. 2009 à 14:19
Merci pour ta réponse. Je viens d'essayer et ça s'agrandit bien mais tout en hauteur et avec des pixels énormes! Dans le code que tu m'as donné je vois "height" mais rien pour la largeur. Comment je fais pour régler ça?

Entre-temps je vais jeter un coup d'oeil à la définition du javascript parce que j'y connais rien! Je commence à peine à piger le html!

Merci, je vais faire des essais.
0
Réponse 3 / 4
pazz
30 janv. 2009 à 15:08
re salut,

le code que je tes donné est un exemple une esquisse il faut l'adapté ensuite pour ton site pour la largeur il te faut faire la meme chose que la hauteur

exemple:

html: 

<img src="ton_image" id="ton_id" onclick="ChangeSize(this.id)">


javascript: 

var OnF=0;
var LimitSizeH=500;
var LimitSizeW=700;

var MinSizeH=200;
var MinSizeW=400;

var Height_=0;
var Width_=0;

function ChangeSize(id){

Height_=document.getElementById(id).clientHeight;
Width_=document.getElementById(id).clientWidth;

if(OnF==0){
  if(Height_<=LimitSizeH && Width_<=LimitSizeW){
  Height_+=10;
  width_+=10;
  document.getElementById(id).style.height=Height_+"px";
  document.getElementById(id).style.height=Height_+"px";
  setTimeout("ChangeSize('"+id+"')",10);
   }
  else{OnF=1;}
  }
else{
  if(Height_>=MinSizeH && Width_<=MinSizeW){
  Height_-=10;
  width_-=10;
  document.getElementById(id).style.height=Height_+"px";
  document.getElementById(id).style.height=Height_+"px";
  setTimeout("ChangeSize('"+id+"')",10);
   }
  else{OnF=0;}
 }
}


et la encor c'est pas top mais j'ai pas le temps de faire une fonction correct je te file deja l'idée

pazz
0
Réponse 4 / 4
Aquarelle89 Messages postés 24 Date d'inscription jeudi 2 octobre 2008 Statut Membre Dernière intervention 13 août 2012 3
30 janv. 2009 à 16:06
Merci! J'ai potassé un peu le javascript et j'y vois déjà plus clair! Je vais essayer comme ça, merci pour le code.

Bonne journée
0

Discussions similaires

Ne pas voir sur le fil d'actualité mon identification
greeneye07 -
greeneye07 -

3 réponses