MooTools плагин «Zoomer» (просмотр изображений с помощью зума)
Для реализации нам понадобится подключить скрипты в секции HEAD
Code
<script type="text/javascript" src="http://ps-studio.info/FORUM/mootools/1/mootools.js"></script>
<script type="text/javascript" src="http://ps-studio.info/FORUM/mootools/1/Zoomer.js"></script>
<script type="text/javascript">
window.addEvent('load', function(){
new Zoomer('homer');
new Zoomer('girl', {
big: 'girl.jpg',
smooth: 10
});
});
</script>
<script type="text/javascript" src="http://ps-studio.info/FORUM/mootools/1/Zoomer.js"></script>
<script type="text/javascript">
window.addEvent('load', function(){
new Zoomer('homer');
new Zoomer('girl', {
big: 'girl.jpg',
smooth: 10
});
});
</script>
Собственно сами картинки с заголовками вставляем по месту после тега bоdy
Code
<h2>Homer</h2>
<img src="gomer-small.jpg" id="homer" big="gomer.jpg"/>
<br><br>
<h2>Queen</h2>
<img src="girl-thumb.jpg" id="girl" style="border:solid 1px gray;padding:3px;margin:10px"/>
<img src="gomer-small.jpg" id="homer" big="gomer.jpg"/>
<br><br>
<h2>Queen</h2>
<img src="girl-thumb.jpg" id="girl" style="border:solid 1px gray;padding:3px;margin:10px"/>
Всего комментариев: 6
Конечно можно,почему нет)
Скажите а для интернет магазина это можно использовать чтоб картинки товара можно былоб просматривать?
всегда пожалуйста)
Вот,теперь всё нормально.спасибо!
Исправил, забыл ссылки подкорректировать при перебросе материала)
что-то демо не работает, две картинки и что?..