FORUM MP | PHP : un damier d'affichage d'image en php

COMMUNAUTE MP

Identifiez vous ...

DOMAINE MP

Bavardages

Langages Généraux

Langages Web

Langages DotNet

Autres langages

Dev. Jeux Video

Sécurité

Sys. Exploitation

Graphismes

Logiciels

Réseaux

Bases de données

Méthodologies

Emplois High-tech

Aide juridique

Articles juridiques

FORUM

CHAT MP IRC

Votre pseudo ...

Serv: irc.irc-land.org

Chan: #MoteurProg

PARTICIPER

Plus de 3500 emplois.

Visiteur MP

un damier d'affichage d'image en php
	Forum : PHP Sous Catégorie : Aucune Type du sujet : Sujet Normale FAQ : FAQ PHP
		SUIVI PAR MAIL INACTIF
		SUJET NON RESOLU
		SUJET ACTIF
		N'APPARTIENT PAS A LA FAQ

FORUM PHP
	Page précedente	Page suivante

baudry59
Nouveau membre

Inscrit : 21/06/2008
Messages : 1

#154401 Posté le 21/06/08 à 23:33

Bonjour étant novice en php non ne sachant pas comment faire,
j'aimerais faire un damier de 6 colonnes et de 4 lignes afin d'afficher des images
chaque case fait 120pixels de cotés mais ceci est défini dans une feuille de style css.
L'idée est que ce damier soit aléatoire qu'il affiche des images provenant de différentes pages ou catégories. un clic sur l'image (donc une case permet de trouver l'article (la page ou la catégorie contenant cette image.
Aussi chaque image étant souvent plus grande que 120 pixels de large il faudrait avant tout la remettre dans les proportions. voilà mon style css

/* CSS Document */ body { background-image: url(/wp-content/themes/oupocreanum/images/dotted2.gif); background-repeat: repeat; background-attachment: scroll; } div#random { padding:0px; } table#random_table { margin:0px; padding:0px; border-collapse: collapse; margin-left:10px; margin-top: 25px; margin-bottom: 25px; } tr { padding:0px; } td img { display:block; } td.random_blog_local, td.random_blog_link, td.random_machine_local, td.random_diagram_local, td.random_abstract_local { padding:0px; border: 1px; border-style: dotted; width:120px; height:120px; background-color: rgb(255,255,255); background-repeat:no-repeat; background-position: center center; } td.random_blog_local, td.random_blog_link { background-image: url(./randomizer/blog.gif); } td.random_diagram_local { background-image: url(./randomizer/diagrams.gif); } td.random_machine_local { background-image: url(./randomizer/machines.gif); } td.random_abstract_local { background-image: url(./randomizer/abstracts.gif); } a.random_blog_local:hover img, a.random_blog_link:hover img, a.random_machine_local:hover img, a.random_diagram_local:hover img, a.random_abstract_local:hover img { margin-left: -1000px; }

voilà pour le css maintenant pour le php l'idée me vient d'un code statique en html qui marchait:

ou des balises

bref random_abstract_local ou random_blog_local random_machine_local
correspondrait au différentes pages dont sont issues les images.
pour le php je vous sollicite car je n'ai aucune idée sur la question

Le .gif dans le css correspond à un pictos qui apparrait à la manière d'un cross over des qu'on va sur l'image pour cliquer cela affiche donc un point gif picto corespondant à la rubrique ou se trouve l'image.

HAUT DE PAGE

Publicité

Inscrit : X
Messages : X

#Aucun

HAUT DE PAGE

Spirit
Superviseur :
- C & C++
Modérateur :
- PHP
- Javascript
- MySQL

Inscrit : 07/04/2004
Messages : 1946

#154449 Posté le 23/06/08 à 17:56

bah tu imbriques 2 boucles for, pour les 6 colonnes et les 4 lignes
tu génères avec un rand

après tu peux tuner en vérifiant de ne pas mettre 2 fois la même image (résultat du rand non déjà sorti) ..
__________________________
Spirit - modérateur casu ^-^'

HAUT DE PAGE

PAGE : [1]

.: Site Web développé par Julien Pichot et l'équipe MPWG avec www.evolvia-web.com :.