Deff,
К сожалению у меня не так уж просто все. уже 2 недели мучаюсь. Мой код таков: <label for="' . $productCustom->virtuemart_customfield_id .$row. '" class="other-customfield"> <a href="#1" >' . $this->displayProductCustomfieldFE ($product, $productCustom, $row) . '</a></label>'; Строка которая находиться в теге <a> гененрирует маленькие изображения. изображении от 5-30 штук. Как вы уже поняли я не могу вписать в href="#1" ссылки на большие изображения. т. к. нужно как то генерировать и большие изображения или хотя бы в href="" вписать код который будет тоже генерировать ссылки на малые изображения. Я в ручную поменял малые изображение на большие, Чтобы качество было хорошее при увлечении. С помощью вашего скрипта выше, получился увеличивать изображение при клике. В роли большой ссылки на изображения играет #1. но не красиво все получается картинки друг на друга лезут. По этому нужно чтобы он открывался красиво на весь экран.... Буду очень благодарен за помощь. Скриншот http://img4.tempfile.ru/14037/13fc7c...7c924a50b7.png п. с. Если удастся как то в href="" вписать код который будет генерировать ссылки на малые изображения. то я могу к тегу <а> прописать стандартный тег который есть на сайте и изображения будут увеличиваться без лишних кодов и скриптов. |
Цитата:
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style type="text/css">
p { clear: both }
.sizeable { display: block; float: left; cursor: pointer; padding: 6px }
.fullscr { position: absolute; top: 0; left: 0; cursor: pointer }
.fullscr > img { width: 100%; height: 100% }
</style>
<script type="text/javascript">
$(document).ready(function () {
$('div img').click(function () {
var o = $(this).parent();
var url = o.find('img').attr('src');
var oftop = window.scrollY;
var html = '<div class="fullscr" style="top: '+oftop+'px"><img src="'+url+'" /></div>'
o.append(html);
o = o.find('.fullscr');
o.animate({width:'100%',height:'100%'});
o.click(function () {
$(this).remove();
});
});
$(window).scroll(function() {
$('div.fullscr').remove();
});
});
</script>
</head>
<body>
<p>some text
<div class="sizeable"><img src='http://javascript.ru/forum/images/ca_serenity/misc/logo.gif' /></div>
<div class="sizeable"><img src='http://javascript.ru/forum/images/ca_serenity/misc/logoNY.jpg' /></div>
<p>more text
</body>
</html>
|
ritorica,
на всякий случай [HTML run]добавьте парамерт запуска кода run[/HTML] |
а можно такое реализовать без жхуерити ?
|
А можно подсказать, как написать скрипт, чтобы можно было фотогалерею с стрелочкой для обзора , чтобы можно было закрыть и чтобы в том же диалоговом окне сверху?
Такой простой способ не интересует, не каждый может догадаться, что нужно ещё раз нажать на фото, чтобы оно уменьшилось и если фотографий больше то они все смещаются, что приносит хаос в галерее. |
Mary38,
jquery-zoom/ |
И что?
Спасибо, уже нашла, уже сделала. |
| Часовой пояс GMT +3, время: 14:11. |