Эффекта прямоугольной лупы на основе системного jQuery вариант 3
fon
Загружается . . . Ждите . . .
It is loaded . . . Wait . . .
Wird beladen . . . Warten Sie . . .
Es cargado . . . Esperen . . .
Est chargé . . . Attendez . . .
QR код

Эффекта прямоугольной лупы , вариант 3 , на основе системного jQuery . Первью изображение и вывод изображения реального размера в окне первью .

Главная страница сайта .
HTML примерa .
<script type="text/javascript" src="http://runettex.clan.su/JSC/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://runettex.clan.su/JSC/cloud-zoom.1.0.2.js"></script> <a href="http://runettex.clan.su/FPC/WP131.jpg" class="cloud-zoom" rel="position: 'inside' , showTitle: false, adjustX:0, adjustY:0">
<img src="http://runettex.clan.su/FPC/WP131.jpg" title="Your caption here" alt="" style="width: 300px; height: 252px;"></a>
Наначение размеров первью изображения , прописнных в стиле изображения .
300px - длинна отображаемого первью изображения
252px - высота отображаемого первью изображения
CSS класс примера .
.cloud-zoom-loading {color: white; background: #222; padding: 3px; border: 1px solid #000;}
Описание назначения класса CSS примера .
cloud-zoom-loading - определяет внешний вид индикатора загрузки изображения .
скачать архив Javascript

Non-Commercial Use: Free Runettex_team_ESQ © 2009 - 2016 Хостинг от uCoz