simplemodal cliquez pour afficher l'image?

J'ai travaillé sur ce pendant environ dix heures et je suis pas près de grokking la méthode que quand j'ai commencé. Aucun des exemples à http://www.ericmmartin.com/projects/simplemodal semblent répondre à cette tâche en ce qui concerne le code HTML que je suis familier avec. Ma page de test est: http://chesstao.com/test.php

Je pense que j'ai suivi les instructions et essayé: 

<!DOCTYPE html> <html lang="en"> 

<head><title>test</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link href="../css/demo.css" rel="stylesheet" />
<link href="../css/basic.css" rel="stylesheet"  />
<link href="../css/gallery.css" rel="stylesheet"  />

</head><body>

<div><a href="images/aveskulov-large.jpg" id="sample">
click me </a></div>

<!--jQuery-->
<script src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script src="js/jquery.simplemodal-1.4.1-min.js"></script>
<script src="js/basic-min.js"></script>
<script src="js/gallery-min.js"></script>

<script>$("#sample").modal({opacity:80,overlayCss: {backgroundColor:"#fff"}});</script>

</body></html>

Mais les résultats étaient mauvais. J'aimerais vraiment savoir ce que la solution la plus simple qui me manque!

InformationsquelleAutor verlager | 2011-10-13
  1. 1

    Si votre problème est que l'image s'ouvre dans une nouvelle fenêtre c'est probablement parce que le sur-moi est un href.Il ne se charge pas tout autre code juste aller directement à le href. Essayez de faire de votre image dans une balise html < img>, jeu de pour afficher rien, puis sur le clic sur un élément ne le modal et de régler l'affichage du bloc.

    Je ne sais pas si la dernière version de votre page est ce que vous avez essayé, mais si c'était il y a plus que quelques bugs qui l'empêchait de travailler. Mais cela devient ce que vous voulez. Je suis sûr que vous pouvez travailler pour l'obtenir à faire et à regarder la façon dont vous voulez, mais c'est ce que j'ai fait pour le faire fonctionner

    $(document).ready(function() {
     $("#sample").click(function(){
       $.modal("<img src=\"test.php_files/aveskulov-large.jpg\" style=\"\"/>");
     });
});

    Aussi si vous faites cela, vous avez besoin de sortir de la balise html img sorte qu'il n'existe dans ce modal. Goodluck avec le reste. P. S. si vous n'avez pas firebug obtenir, c'est un plugin firefox et il aurais dit que tu avais une erreur de syntaxe.

    • <div><img src="images/aveskulov-large.jpg" style="display:hidden"> <span id="exemple"> cliquez </span> </div> -qui n'ont pas de travail.
    • Je ne sais pas si stackoverflow informe si j'ai modifier mon post, mais j'ai mis à jour il.
    • Merci beaucoup! simplemodal est un produit polyvalent pour chesstao.com et je suis décidée à l'utiliser pour mon autre site web, communitychessclub.com en montrant des groupes de photos, comme une galerie.
    InformationsquelleAutor Kevin Moore
  2. 1

    Essayez d'attacher simple modale lorsque le DOM est chargé à bloc:

    <script>
$(document.ready(function() {
  $("#sample").modal({opacity:80,overlayCss: {backgroundColor:"#fff"}});
});
</script>
    • Qui a aidé un peu. Mais l'image a surgi dans le navigateur dans un nouvel onglet, pas comme le modal.
    InformationsquelleAutor Clive