simplemodal нажмите, чтобы показать изображение? - PullRequest
Новая
       14

simplemodal нажмите, чтобы показать изображение?

0 голосов
/ 14 октября 2011

Я работаю над этим около десяти часов, и я не ближе к тому, чтобы использовать этот метод, чем когда я начинал.Ни один из примеров на http://www.ericmmartin.com/projects/simplemodal, кажется, не решает эту задачу в терминах и HTML-коде, с которым я знаком.Моя тестовая страница: http://chesstao.com/test.php

Я думаю, что следовал инструкциям и попробовал: 

<!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>

Но результаты были плохими.Мне бы очень хотелось узнать, какое простое решение мне не хватает!

Ответы [ 2 ]

1 голос
/ 14 октября 2011

Если ваша проблема в том, что изображение, открывающееся в новом окне, это, вероятно, потому что клик мне имеет href. Он не будет загружать другой код, просто перейдите прямо к href.Попробуйте превратить ваше изображение в тег html img, установите его так, чтобы оно не отображалось, затем по нажатию какого-либо элемента сделайте модальное и установите отображение на блокировку.

Я не знаю, была ли последняя версия вашей страницы тем, что вы пробовали, но если было, то было несколько ошибок, которые мешали ей работать.Но это получает то, что вы хотите.Я уверен, что вы можете поработать над этим, чтобы заставить его работать и смотреть, как вы хотите, но это то, что я сделал, чтобы заставить его работать 

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

Также, если вы делаете это, вам нужно убратьHTML тег HTML, так что он существует только в этом модальном.Гудлак с остальными.PS, если у вас нет firebug, возьмите его, это плагин firefox, и он сказал бы, что у вас есть синтаксическая ошибка.

1 голос
/ 14 октября 2011

Попробуйте подключить простой модальный режим, когда DOM полностью загружен: 

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