Реклама Google
Реклама Google
поисковые роботы
|
Просмотр изображения javascript
|
дата 2014-11-03
поблагодарили 0 просмотров 1277 |
| ||||||||||||
Самая простая форма для просмотра ваших изображений на вашем сайте
HTML
В header сайта подключаем последнюю библиотеку jquery, но можете обойтись и без неё, для этого достаточно раскомментировать некоторые строки в js и удалить строки от jquery
CSS
javascript
HTMLВ header сайта подключаем последнюю библиотеку jquery, но можете обойтись и без неё, для этого достаточно раскомментировать некоторые строки в js и удалить строки от jquery
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><div id="litebox">
<div class="t">
<div>
<div id="csld"></div>
</div>
</div>
</div> CSS
/* litebox */
#litebox{
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
z-index: 10;
}
#litebox .t{
width: 100%;
height: 100%;
cursor: pointer;
}
#litebox .t > div{
vertical-align: middle;
}
#litebox .t > div > div{
}
#litebox .t > div > div img{
max-height: 450px;
}
/* end litebox */
function slide(id) {
document.getElementById("csld").innerHTML = "\
<div class='kfgd' onclick='lbc();'>\
<div id='butext' onclick="exitsl();"></div>\
<img src='img/max/" + Number(id.getAttribute("src").replace(/D+/g, "")) + ".jpg'></div>";
// document.getElementById("litebox").style.display = "block";
$("#litebox").fadeIn(1000);
}
function exitsl() {
// document.getElementById("litebox").style.display = "none";
$("#litebox").fadeOut(500);
}
function stopEvent(evt) {
(evt && evt.stopPropagation) ? evt.stopPropagation() : window.event.cancelBubble = true;
}
function lbc(evt) {
return stopEvent(evt);
}
Последнее на сайте
|
Также, как вариант, купить тариф на GGsel :D
https://ggsel.net/catalo
|
|
|
621000
|
|
|
621000
|
|
|
new record
|
|
ну и зря не веришь тренироваться надо вот и всё.
|
|
|
620000
|
|
|
583000
|
|
|
308000
|
Последнее на форуме
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|