Ouverture de photos sympa

Résolu

Aquarelle89 Messages postés 24 Date d'inscription Statut Membre Dernière intervention -
Aquarelle89 Messages postés 24 Date d'inscription Statut Membre Dernière intervention - 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

Afficher la suite

A voir également:

Ouverture de photos sympa
Partage de photos - Guide
Toutes mes photos - Guide
Google photos - Télécharger - Albums photo
Page d'ouverture google - Guide
Comment activer le partage de photos dans google photos - Guide

4 réponses

Réponse 1 / 4

pazz

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

Réponse 2 / 4

Aquarelle89 Messages postés 24 Date d'inscription Statut Membre Dernière intervention 3

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.

Réponse 3 / 4

pazz

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

Réponse 4 / 4

Aquarelle89 Messages postés 24 Date d'inscription Statut Membre Dernière intervention 3

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

Discussions similaires

Verrouillage par fermeture de coque Samsung Galaxy

Ouverture de session yahoo mail

Samsung S22 Allumage écran à l ouverture clapet ?

Votre réponse

Discussions similaires