Jump to content
Recrutăm moderatori, designeri audio şi video. Click aici
Inca nu ai intrat pe MC.B-ZONE.RO? Apasa aici sa vezi ce ratezi!
B-Pass Spring Edition

[HTML] - Galerie Foto

noziR

By noziR,
in Web Development

 Share

Recommended Posts

noziR Contribuitor

noziR

Posted
Posted (edited)

Pentru a avea o galerie foto, fara a sta sa instalati nici un script gen Coppermine Photo Gallery etc, nu trebuie decat sa copiati codul de mai jos si sa modificati unde este cazul, am indicat in cod pentru incepatori unde trebuie modificat si ce.Totusi, daca nu va descurcati postati si va vom ajuta.

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<!-- Created by Seedorf -->
<!-- www.b-zone.ro -->
<head>
<title>Picture Gallery</title>
<!-- CSS-ul pentru pozele thumbnail-->
<style>
body{background-color:}
#small_img{width:290px;height:600px;float:left;overflow:scroll;text-align:center;background-color:06AEFF;}
img {border:none;}
</style>

<script>

/*Puteti sa adaugati mai multe poze*/
var photo = new Array();
photo[0]="IMG_1000.JPG"/*puneti locatia pozei, sau numele pozei daca aceasta se afla in acelasi folder*/
photo[1]="IMG_1001.JPG"
photo[2]="IMG_1002.JPG"
photo[3]="IMG_1003.JPG"
photo[4]="IMG_1004.JPG"
photo[5]="IMG_1005.JPG"




function ff(code)
{
document.images.home.src=photo[code];/*codul din sir este pentru functia ff(#####)numarul de poze din site*/

}
</script>
</head>
<body>
<div id="small_img">
<a href ="#" onclick="ff(0)"><img src="IMG_1000.JPG" alt="o mica descriere" height="200"></a><br>
<a href ="#" onclick="ff(1)"><img src="IMG_1001.JPG" alt="o mica descriere" height="200"></a><br>
<a href ="#" onclick="ff(2)"><img src="IMG_1002.JPG" alt="o mica descriere" height="200"></a><br>
<a href ="#" onclick="ff(3)"><img src="IMG_1003.JPG" alt="o mica descriere" height="200"></a><br>
<a href ="#" onclick="ff(4)"><img src="IMG_1004.JPG" alt="o mica descriere" height="200"></a><br>
<a href ="#" onclick="ff(5)"><img src="IMG_1005.JPG" alt="o mica descriere" height="200"></a><br>
</div>
<div>
<img name="home" src="IMG_1000.JPG" height="600"/><br>
</div>
</body>
</html>

 

Edited by Cdorsu
Link to comment
Share on other sites
Guest
This topic is now closed to further replies.
 Share
Go to topic listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.

  I accept