Il y a actuellement 207 visiteurs
Lundi 28 Septembre 2020
accueilactualitésdossierscomparer les prixtélécharger gratuitement vos logicielsoffres d'emploiforum informatique
Connexion
Créer un compte

Afficher une image grande à partir de sa miniature

Besoin d'aide pour configurer un serveur ? Vous souhaitez obtenir des conseils pour référencer votre site ? Un petit souci pour accéder à votre FTP ? Des soucis de programmation en PHP / ASP / HTML / XHTML / XML / XSLT / CSS / ReactJS / AngularJS / VueJS / CGI / PERL / C / MySQL / PostgreSQL ??? Nous avons peut-être la solution dans ce forum ...

Afficher une image grande à partir de sa miniature

Message le 23 Juil 2009 10:55

Bonjour ,

j'ai trouvé ce code qui pourrais à peu près faire l'affaire.

============C O D E ===========

echo'<div class="thumb">';
echo'<a href="#">';
echo'<div id="PETIT"><img src="http://localhost/website/images/images_page_produit/produits/images_gf/['.$Ref.']MINI.jpg" alt="miniature Polyommatus-icarus" style="width:98px; height:120px" rel="thumbnail"/> </div>';
echo'<img src="http://localhost/website/images/images_page_produit/produits/images_gf/['.$Ref.']MINI.jpg" alt="Inachis-io" class="grand" />';
echo'</a>';
echo'</div>';


============C O D E ===========
précision:$Ref est la référence des produits correspondant à l'image.
=========C S S ================
<style>body {
background-color:white;
color:white;
height:1000px;
}

.img {
border:1px solid black;
}

.thumb {
float:right;
width:686px;
top:0;
left:0;
}

.thumb a {
margin:0;
text-decoration:none;
}

.thumb a:hover {
background-color:black;
}

.thumb a .grand {

float:left;
width:0;
}

.thumb a:hover .grand {
float:left;
top:122px;
left:0;
width:300px;
height:400px;

}
#PETIT{
float:right;
width:98px;
height:120px}

</style>
=========C S S ================

le code marche bien quand il y a une seul image ,mais quand il ya plus ça part dans tous les sens ,à cause des divs je crois.

Moi je veux que un maximum de dix miniature s'affichent à droite, en deux colonnes et en passant avec la souris sur chaque miniature elle m'affiche l'image grande à gauche des miniature.Je veux aussi que on puisse afficher l'image de grande taille même en cliquant sur la miniature.

Tous ça se passera dans un onglet qui a 600 px de width.

Pouvez vous m'aider ?

Merci;
amazigh_antalas
Visiteur
Visiteur
 
Messages: 1
Inscription: 23 Juil 2009 10:36
 



Sujets similaires

Message Responsive : Changer la position de l'image de fond
Bonjour, sur un site que je développe, j'ai une image de fond qui est située au centre lorsque le site s'affiche sur un écran d'ordinateur. Seulement, pour le moment, en affichage mobile, l'image ne bouge pas et du texte vient la recouvrir (ce qui cache l'image et rend le texte illisible). J'aimerai ...
Réponses: 0

Message image DD systeme win10
Bonjour à tous, ok, création de l'image système de mon C: mis en lieu sur un DD externe, + création d'un CD de récupération, aussi mis en lieu sur.Donc, de mon expérience d'avec true image d'acronis ou pccloneur de micro application, si crach de mon C:, achat d'un nouveau DD démarrage sur le CD de ...
Réponses: 1

Message Quelle est la nature de cette ressource (fichier image, fich
Quelle est la nature de cette ressource (fichier image, fichier pdf, etc) ?
Réponses: 3

Message [Résolu] moniteur yusmart n° 198EP-A en panne d'image.
Bonjour à tous, voici mon problème.j'ai donné un ordinateur de bureau à ma soeur il y a plus de deux ans,comme elle ne l'a pas utilisé, elle me l'a rendu.l'écran est en panne: après la mise en route, il s'illumine en blanc/gris et il y a cinq lignes horizontales qui s'affichentj'ai remarqué que je n ...
Réponses: 5

Message [Réglé] Souci d'image retournée sur ASUS hybride ?
bonjour à toutes et tousnous venons d'acheter pour ma femme un petit pc portable Asus 10 pouces qui est ici:https://www.cdiscount.com/informatique/ordinateurs-pc-portables/pc-portable-reconditionne-t101ha-gr004t-10-1/f-1070992-asu4712900396591.html?idOffre=239875078#mpos=1|mpJ'utilise un système win ...
Réponses: 11

Message Ouvrir une image goste depuis une machine Virtuel
Bonsoir,j'ai une image goste,je voulias ouvrir avec une machine virtuel,merci de m'orienter,j'utilise souvent soit Vmware ou virtuel BoxBonne soirée
Réponses: 4

Message image cliquable
Bonjour j'aimerai bien avoir une image cliquable en guise signature dans ma boite gmail, est ce que c'est possible et comment svp ? Merci.
Réponses: 1


Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 2 invités


.: Nous contacter :: Flux RSS :: Données personnelles :.