Galerie de photos avec texte,cadres et zoom dynamique

Télécharger le projet
Commenter

Description

Ce code source sert a monter une galerie de photos avec ajout de photos rapide sans trop
avoir a modifier le code. Je le classe niveau 2 mais c'est peut-etre du niveau 1 je ne
connait pas encore le systeme de niveau ici. Vous me le direz. Le code se divise en trois
partie. 1- la parti changeable variable et array 2- Les fonctions et 3- les boutons

L'example que je vous donne en .zip ne comprend pas l option zoom mais mal pris communiquer avec moi et je vous le rajouterai :P

Source / Exemple : 


// 1- Variable et array ----------------------------------------------------
  
  nbphoto = 5;
  compteur = 1;
   imgtitre = new array();
   imgtitre[0] = "";
   imgtitre[1] = "1- voici la photo #1";
   imgtitre[2] = "2- voici la photo #2";
   imgtitre[3] = "3- voici la photo #3";
   imgtitre[4] = "4- voici la photo #4";
   imgtitre[5] = "5- voici la photo #5";

// 2- Les fonctions ----------------------------------------------------

function changer(x) {
	for(i=0; i<=nbphoto; i++) {
		if (i != x) { 
		_root["img"+i]._visible = false; 
		}
		if (i == x) { 
		_root["img"+i]._visible = true; 
		}
}
		textephoto = imgtitre[x];
		Cadragephoto(x);
}

function Cadragephoto(y) {
	cadrephoto._height = _root["img"+y]._height + 40;
        cadrephoto._width = _root["img"+y]._width + 40;
}

function zoom_av(x) {
    if (_root["img"+x]._height > 339) {
          _root["img"+x]._height = _root["img"+x]._height / 1.5;
          _root["img"+x]._width = _root["img"+x]._width / 1.5;
          Cadragephoto(x);
    }
}

function zoom_ar(x) {
    if (_root["img"+x]._height < 151) {
          _root["img"+x]._height = _root["img"+x]._height * 1.5;
          _root["img"+x]._width = _root["img"+x]._width * 1.5;
          Cadragephoto(x);
    }
}

// 3- Les boutons ----------------------------------------------------

// bouton pour faire avancer les photos
on (press) {
    compteur += 1
	if (compteur > nbphoto) {
		  compteur = 1;
	}
    changer(compteur);
}

//bouton pour faire reculer les images
on (press) {
	compteur -= 1
		if (compteur < 1) {
		compteur = nbphoto;
	}
    changer(compteur);
}

// bouton pour faire un zoom avant 
on (press) {
	zoom_av(compteur);
}

// bouton pour faire un zoom arrière
on (press) {
	zoom_ar(compteur);
}

// fin -----------------------------------------------------------------

Conclusion :


Pour vous servir de ce script il vous faut:
1- faire 4 boutons: <- , -> , + et - pour faire avancer reculer et zoom avant et zoom arrière

2- Faire une zone de texte avec option dynamique et comme variable "textephoto"

3- faire un cadre pour les photos en movie clip. Un carré de la grandeur de la première photo mais plus
grand de 40 px des deux cotés. Donner comme nom d'occurence "cadrephoto"

4- Importer des photos et transformé en movie clip avec occurence img1 img2 img3 img4 img5 et ansi de suite

Pour ajouter des photos il suffit de monter le nombre la variable "nbphoto" et d'ajoute un array en suite la
numérotation et importer l'images comme dans l'étapes 4 ci-dessus

Pour avoir un petit example de ce script aller voir ca: http://cap-pac.ic.gc.ca/qc/saguenay/siu/party.html
Pour cette example je ne me suis pas servi du cadre et de texte dynamique car ce script n'était pas encore pondu :P
Je vais rajouter un nouveau lien bientôt dans les commentaires dès mon autre site terminé.

J'espere que vous allez bien me comprendre j ai essayer d'etre clair sinon bien poser des question :) bye alp
Télécharger le projet

Codes Sources

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (Martino26)