Hover Vues Big Image (pas une fenêtre séparée, cependant)

Question

I Want qui planent sur l'image Petit Vues Grande image dans la même fenêtre ...

Alors quelqu'un peut-il me aider à dis ...

Answer 1

Avant tout, bienvenue sur StackOverflow!

Ce que vous décrivez n'est pas PHP. Au lieu de cela, la meilleure technologie à utiliser pour votre problème serait une solution côté client comme Javascript. Si cela ne vous dérange pas, je voudrais vous encourager à envisager d'utiliser un framework Javascript pour réduire le temps de développement des différents navigateurs (si vous ne le savez pas déjà, ils peuvent et vont vous rendre fou si vous leur donnez le opportunité). Causer une miniature pour afficher une image plus grande avec Javascript n'est pas si difficile. Considérez le code HTML suivant:

<img src="thumb-kittens.jpg" rel="big-kittens.jpg" class="zoomMe" /> 
<div class="preview">...previews will be seen here</div> 

Je stocker essentiellement le nom de fichiers de plus dans la balise rel pour accéder rapidement via notre javascript. En utilisant jQuery, une bibliothèque javascript populaire, nous pouvons faire une action de prévisualisation assez facilement:

$(function(){ 
    // Add some events when we hover our thumbnails 
    $("img.zoomMe").hover(
    function(){ 
     // Add our big image inside the preview box 
     $(".preview").html($("<img>").attr("src", $(this).attr("rel"))); 
    }, 
    function(){ 
     // Empty our preview box 
     $(".preview").html(""); 
    } 
); 
}); 

Dans cet exemple simple, nous sommes juste en utilisant la méthode de vol stationnaire natif dans jQuery pour définir deux actions. Le premier lorsque nous survolons une image ayant la classe "zoomMe", et le second lorsque nous quittons cette même image.