Beaucoup d'images sur une meme page.

Beaucoup d'images sur une meme page. - HTML/CSS - Programmation

Marsh Posté le 28-08-2009 à 16:57:11    

Bonjour a tous.

 

Alors voila, je débute dans le language HTML et CSS.

 

J'aimerais afficher environ 100 images sur une même page.
Les images n'ont pas la même résolution.

 

Je me voi mal faire comme ca pour les 100 photo :

Citation :


<img src="http://test.revolsys.net/images/1.jpg" alt="photo 1" />
<br />
<br />
<img src="http://test.revolsys.net/images/2.jpg" alt="photo 2" />
<br />
<br />
<img src="http://test.revolsys.net/images/3.jpg" alt="photo 3" />
<br />
<br />
<img src="http://test.revolsys.net/images/4.jpg" alt="photo 4" />

 

Il y a t-il une méthode plus rapide ?

 

Ha et je trouve que le doublement de <br /> pour sauter une ligne ne fait pas très beaux.

 

Et par la suite j'aimerais faire des miniatures cliquable pour une meilleur lisibilité.

 

Vos conseil sont les bienvenue.


Message édité par demolig le 28-08-2009 à 16:59:14

---------------
Feed-back
Reply

Marsh Posté le 28-08-2009 à 16:57:11   

Reply

Marsh Posté le 28-08-2009 à 20:05:19    

boucle php qui te génère une liste


---------------
création de site - photo
Reply

Marsh Posté le 28-08-2009 à 21:51:34    

[:haha] Ca se voit que les jeunes français d'aujourd'hui n'ont pas eu la punition où il fallait écrire cent fois la même chose (comme [:shellai-93] dans le générique du dessin animé).

Reply

Marsh Posté le 29-08-2009 à 01:02:41    

et si ta pas PHP (ce qui serais dommage), tu peux aussi le faire direct en javascript, mais la meilleur solution reste PHP

Reply

Marsh Posté le 29-08-2009 à 16:02:15    

Ok, bon ba pour l'instant le php j'en connais pas encore assez.
 
Sinon pour les "miniature" faut passer par le php aussi ?


---------------
Feed-back
Reply

Marsh Posté le 29-08-2009 à 17:59:10    

ca depen,  
si c'est possible creer un dossier miniature avec les images qui vont avec
 
sinon tu change juste la taille de l'image  dans la balise <img>
 
sinon si tu veux faire ca en javascript, (de tete)
 
for(var i = 0; i < 50; i++){
document.getElementById('container').innerHTML += '<img src="http://test.revolsys.net/images/"' + i + '".jpg" alt="photo ' + i + '" /><br />'
}
 

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed