<MyRusakov.ru />

Создание и продвижение лендинга под ключ

Создание и продвижение лендинга под ключ

Данный курс научит Вас создавать профессиональные лендинги на любую тематику с нуля и под ключ. Помимо теории Вы так же своими глазами будете видеть, как создаётся лендинг: заказывается дизайн, верстаются страницы, программируется клиентская часть и Admin-панель, а после лендинг размещается в Интернете. Так же Вы узнаете, как продвигаются лендинги и, самое главное, Вы увидите, как это делается на примере созданного лендинга до первых клиентов.

И, наконец, к курсу идут 4 очень полезных и актуальных Бонуса для лендингов: "Подключение онлайн-консультанта", "Система уведомлений по SMS", "Автоматизация управления Яндекс.Директом" и "Продажа товаров с AliExpress.com".

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Форум сайта MyRusakov.ru

Увилечение картинки при клике
03.06.2012 14:03:53 Увилечение картинки при клике Сообщение #1
hrach9779

hrach9779

Освоившийся

Освоившийся

Дата регистрации:
26.11.2011 15:33:20

Сообщений: 37

Здравствуйте помогите с пхп кодом у меня движок Dle 9,5 там в .tpl файле я поставил такой код

<center>[xfgiven_image] <img src="[xfvalue_image]" alt="{title}" width="250" class="highslide" onclick="return hs.expand(this)" height="300" border="0">[/full-link][/xfgiven_image]</center>


Как сделать чтобы при "Клике" картинка увеличилась.
Профиль Ответить
03.06.2012 14:14:31 Увилечение картинки при клике Сообщение #2
ken15

ken15

Эксперт

Эксперт

Дата регистрации:
11.05.2012 19:59:33

Сообщений: 89


<script>
function resisize(id)
{
var big = '220', small='150';
if(document.getElementById(id).width == big)
{
document.getElementById(id).width = small;
}
else
{
document.getElementById(id).width = big;
}
}
</script>
<?php
echo"<img onClick=\"resisize('img')\" src='' width='150' >";
?>
Профиль Ответить
04.06.2012 21:48:47 Увилечение картинки при клике Сообщение #3
KotOFF

KotOFF

Освоившийся

Освоившийся

Дата регистрации:
25.05.2012 10:21:29

Сообщений: 33

Это все бредовина! Пиши на почту cyber-school@mail.ru, скину тебе норм. скрипт!
Профиль Ответить
05.06.2012 19:57:47 Увилечение картинки при клике Сообщение #4
KotOFF

KotOFF

Освоившийся

Освоившийся

Дата регистрации:
25.05.2012 10:21:29

Сообщений: 33

Я ТЕБЕ СКИНУЛ НА ПОЧТУ!!!
Для Тех кому нужен скрипт "ДЛЯ УВЕЛИЧЕНИЕ КАРТИНОК ПРИ КЛИКЕ НА НЕЁ", пишу статью!
Поехали:
Для начала нам нужно создать 2 папки (1-я папка для хранение картинок (которые будем использовать для увеличения), 2-я папка для css и js и 5 готовых картинок).
1) Папка (img):
1.awp.jpg
2.awp_mini.jpg

2) Папка (zoom):
1.zoom-x.gif
2.zoom-x.png
3.zoom-load.gif
4.zoom-shadow.gif
5.zoom-shadow.png
6.zoom.js
7.zoom.css
8.jquery.min.js

3) Создадим файл - test.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title>Скрипт для увеличения изображений</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<script type="text/javascript" src="zoom/jquery.min.js"></script>
<script type="text/javascript" src="zoom/zoom.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="zoom/zoom.css" />
</head>
<body>

<center><a href="img/awp.jpg" class="zoom"><img src="img/awp_mini.jpg" /></a></center>

</body>
</html>

Вот файл - zoom.js

(function($){
var placeToCenter = false; // этот параметр отвечает за размещение картинки

var bpOff = 0;
var bpWidth = 0;
var bpHeight = 0;
var bpcLeft = 0;
var bpcTop = 0;

var zoomWidth = 0;
var zoomHeight = 0;

var width_array = new Array();
var height_array = new Array();

var screenWidth = 0;
var screenHeight = 0;
var screenScroll = 0;
var scrLeft = 0;
var scrTop = 0;

var localTop = 0;
var localLeft = 0;

var zoomTrash = '<div id="bigGrey"></div>\r<div class="zoomShadow"><table><tr><td class="zs1"><b></b></td><td class="zh1"><b></b></td><td class="zs2"><b></b></td></tr><tr><td class="zv1"><b></b></td><td><div class="zoomBase"></div></td><td class="zv2"><b></b></td></tr><tr><td class="zs3"><b></b></td><td class="zh2"><b></b></td><td class="zs4"><b></b></td></tr></table></div>\r';
var zoomX = '<a href="#" class="zoomX"></a>\r';

var firstClick = true;
var galNum = 0;
var oldZoom = 0;
var currentZoom = 0;
var oldW = 0;
var oldH = 0;
var oldOf = 0;
var clicked = false;
var strashno = false;
var allLoaded = false;
var loadStatus = 0;

$("a.zoom".live("click", function(event) {
event.preventDefault();
$(this).blur();
$("a.zoomX".remove();
$("select".addClass("selOff";

bpOff = $(this).offset();
bpWidth = $(this).find("img".width();
bpHeight = $(this).find("img".height();
if(bpWidth === null) {
bpWidth = $(this).width();
bpHeight = $(this).height();
}
bpcLeft = Math.round(bpOff.left + (bpWidth / 2));
bpcTop = Math.round(bpOff.top + (bpHeight / 2));

screenScroll = $(window).scrollTop();
screenWidth = $("body".innerWidth();
screenHeight = $(window).height();

scrLeft = Math.round(screenWidth / 2);
scrTop = Math.round(screenScroll + (screenHeight / 2));

if(firstClick === true) {
$("body".append(zoomTrash);
galNum = $(".zoom".length;
for(var i = 0; i < galNum; i++) {
$(".zoom:eq(" + i + "".addClass("myZoom" + i);
}
$("body".append('<img id="zoomLoading" src="zoom/zoom-load.gif" />\r')
$("#zoomLoading".css("left", bpcLeft - 11).css("top", bpcTop - 11);

for(var i = 0; i < galNum; i++) {
var zoomUrl = $(".myZoom" + i).attr("href";
$("body".append('<img class="zoomPic" src="' + zoomUrl + "?" + Math.random()*10 + '" id="zoomPic' + i + '" />\r')
}

currentZoom = $(this).attr("class";
currentZoom = currentZoom.slice(currentZoom.indexOf("myZoom");
currentZoom = currentZoom.slice(6);
oldZoom = currentZoom;

for(var i = 0; i < galNum; i++) {
$("#zoomPic" + i).load(function() {
loadStatus++;
var localId = $(this).attr("id".slice(7);
width_array[localId] = $(this).width();
height_array[localId] = $(this).height();
});
}

var loading = setInterval(waitForPics, 50);
firstClick = false;
} else {
oldZoom = currentZoom;
currentZoom = $(this).attr("class";
currentZoom = currentZoom.slice(currentZoom.indexOf("myZoom");
currentZoom = currentZoom.slice(6);
showPic();
}

function waitForPics() {
if(loadStatus === galNum) {
$("#zoomLoading".remove();
clearInterval(loading);
showPic();
}
}
});

function showPic() {

zoomWidth = width_array[currentZoom];
zoomHeight = height_array[currentZoom];

var ratio = zoomWidth / zoomHeight;

//check size
if(zoomHeight > screenHeight - 45) {
zoomHeight = screenHeight - 45;
zoomWidth = zoomHeight * ratio;
} else if(zoomWidth > screenWidth - 50) {
zoomWidth = screenWidth - 50;
zoomHeight = zoomWidth / ratio;
}

oldW = $(".myZoom" + oldZoom + " img".width();
oldH = $(".myZoom" + oldZoom + " img".height();
oldOf = $(".myZoom" + oldZoom + " img".offset();

if(oldW === null) {
oldW = $(".myZoom" + oldZoom).width();
oldH = $(".myZoom" + oldZoom).height();
oldOf = $(".myZoom" + oldZoom).offset();
}

if(placeToCenter === false) {
// in place

//check place
localTop = bpcTop - (zoomHeight / 2);
if(localTop < screenScroll + 20) {localTop = screenScroll + 20};
if(localTop + zoomHeight > screenScroll + screenHeight - 20) {localTop = screenScroll + screenHeight - zoomHeight - 20};
localLeft = bpcLeft - (zoomWidth / 2);
if(localLeft < 20) {localLeft = 20};
if(localLeft > screenWidth - zoomWidth - 25) {localLeft = screenWidth - zoomWidth - 25};

$("#zoomPic" + currentZoom).css("top", bpOff.top).css("left", bpOff.left).css("width", bpWidth).css("height", bpHeight);

$("#zoomPic" + currentZoom).animate({
width:zoomWidth,
height:zoomHeight,
left:localLeft,
top:localTop
}, 200, setShadow);

if(currentZoom !== oldZoom && strashno === false) {
removeShadow();
$("#zoomPic" + oldZoom).animate({
width:oldW,
height:oldH,
left:oldOf.left,
top:oldOf.top
}, 200, removeOld);
}

strashno = false;
} else {
// in center

//check place
localTop = (screenHeight / 2) - (zoomHeight / 2);
localLeft = (screenWidth / 2) - (zoomWidth / 2);

$("#bigGrey".addClass("bigGrey".height($("body > div".innerHeight());

$("#zoomPic" + currentZoom).css("top", bpOff.top).css("left", bpOff.left).css("width", bpWidth).css("height", bpHeight);

$("#zoomPic" + currentZoom).animate({
width:zoomWidth,
height:zoomHeight,
left:localLeft,
top:localTop + $(window).scrollTop()
}, 200, setShadow);

if(currentZoom !== oldZoom && strashno === false) {
removeShadow();
$("#zoomPic" + oldZoom).animate({
width:oldW,
height:oldH,
left:oldOf.left,
top:oldOf.top
}, 200, removeOld);
}

strashno = false;
}
};

function setShadow() {
clicked = false;
var zsLeft = localLeft - 6;
var zsTop = localTop - 6;
if(placeToCenter === false) {
$("div.zoomShadow".css("left", zsLeft).css("top", zsTop);
} else {
$("div.zoomShadow".css("left", zsLeft).css("top", zsTop).css("position", "fixed";
}
$("div.zoomShadow div.zoomBase".width(zoomWidth - 8).height(zoomHeight - 8);

for(var i = 0; i < galNum; i++) {
if(i !== parseInt(currentZoom)) {
$("#zoomPic" + i).css("top", -9999).css("left", -1000).css("width", width_array[i]).css("height", height_array[i]);
}
}

$("#zoomPic" + currentZoom).click(function(event){
$("a.zoomX".remove();
hideCurrent();
});

$("body".append(zoomX);
if(placeToCenter === false) {
$("a.zoomX".css("left", localLeft + zoomWidth - 16).css("top", localTop - 17);
} else {
$("a.zoomX".css("left", localLeft + zoomWidth - 16).css("position", "fixed".css("top", localTop - 17);
}

$("a.zoomX".click(function(event){
event.preventDefault();
$("a.zoomX".css("position", "absolute".remove();
hideCurrent();
});
$("select".addClass("selOff";

if(placeToCenter === true) {
$("#zoomPic" + currentZoom).css("position", "fixed".css("top", localTop);
}
}
function removeShadow() {
$("div.zoomShadow".css("top", -9999).css("left", -1000).css("position", "absolute";
}

function removeOld() {
$("#zoomPic" + oldZoom).css("top", -9999).css("left", -1000).css("width", width_array[oldZoom]).css("height", height_array[oldZoom]).css("position", "absolute";
}

function hideCurrent() {
if(clicked === false) {
$("#bigGrey".removeClass("bigGrey".height(0);
$("select".removeClass("selOff";
oldZoom = currentZoom;

oldWidth = width_array[oldZoom];
oldHeight = height_array[oldZoom];

oldW = $(".myZoom" + oldZoom + " img".width();
oldH = $(".myZoom" + oldZoom + " img".height();
oldOf = $(".myZoom" + oldZoom + " img".offset();
if(oldW === null) {
oldW = $(".myZoom" + oldZoom).width();
oldH = $(".myZoom" + oldZoom).height();
oldOf = $(".myZoom" + oldZoom).offset();
}

removeShadow();

if(placeToCenter === false) {
$("#zoomPic" + oldZoom).animate({
width:oldW,
height:oldH,
left:oldOf.left,
top:oldOf.top
}, 200, removeOld);
} else {
$("#zoomPic" + oldZoom).animate({
width:oldW,
height:oldH,
left:oldOf.left,
top:oldOf.top - $(window).scrollTop()
}, 200, removeOld);
}

strashno = true;
}
clicked = true;
}

$("#bigGrey".click(function() {
$("a.zoomX".remove();
hideCurrent();
});

$(window).keydown(function(event) {
if(event.keyCode == '27') {
$("a.zoomX".remove();
hideCurrent();
}
if(event.keyCode == '39' && galNum > 1) {
removeShadow();
$("a.zoomX".remove();
oldZoom = currentZoom;

if(firstClick === false) {
if(currentZoom < galNum - 1) {
currentZoom++;
} else {
currentZoom = 0;
}
}

bpOff = $(".myZoom" + currentZoom).offset()
bpWidth = $(".myZoom" + currentZoom).find("img".width();
bpHeight = $(".myZoom" + currentZoom).find("img".height();
if(bpWidth === null) {
bpWidth = $(".myZoom" + currentZoom).width();
bpHeight = $(".myZoom" + currentZoom).height();
}
bpcLeft = Math.round(bpOff.left + (bpWidth / 2));
bpcTop = Math.round(bpOff.top + (bpHeight / 2));

showPic();
}
if(event.keyCode == '37' && galNum > 1) {
removeShadow();
$("a.zoomX".remove();
oldZoom = currentZoom;

if(firstClick === false) {
if(currentZoom > 0) {
currentZoom--;
} else {
currentZoom = galNum - 1;
}
}

bpOff = $(".myZoom" + currentZoom).offset()
bpWidth = $(".myZoom" + currentZoom).find("img".width();
bpHeight = $(".myZoom" + currentZoom).find("img".height();
if(bpWidth === null) {
bpWidth = $(".myZoom" + currentZoom).width();
bpHeight = $(".myZoom" + currentZoom).height();
}
bpcLeft = Math.round(bpOff.left + (bpWidth / 2));
bpcTop = Math.round(bpOff.top + (bpHeight / 2));

showPic();
}
});

function clearCache() {
firstClick = true;
galNum = 0;
oldZoom = 0;
currentZoom = 0;
oldW = 0;
oldH = 0;
oldOf = 0;
clicked = false;
strashno = false;
allLoaded = false;
loadStatus = 0;

$("img.zoomPic".remove();
$("a.zoomX".remove();
removeShadow();
}
})(jQuery);
Профиль Ответить
05.06.2012 20:00:17 Увилечение картинки при клике Сообщение #5
KotOFF

KotOFF

Освоившийся

Освоившийся

Дата регистрации:
25.05.2012 10:21:29

Сообщений: 33

ПРОДОЛЖАЕМ ПИСАТЬ!

Файл - jquery.min.js

(function($){
var placeToCenter = false; // этот параметр отвечает за размещение картинки

var bpOff = 0;
var bpWidth = 0;
var bpHeight = 0;
var bpcLeft = 0;
var bpcTop = 0;

var zoomWidth = 0;
var zoomHeight = 0;

var width_array = new Array();
var height_array = new Array();

var screenWidth = 0;
var screenHeight = 0;
var screenScroll = 0;
var scrLeft = 0;
var scrTop = 0;

var localTop = 0;
var localLeft = 0;

var zoomTrash = '<div id="bigGrey"></div>\r<div class="zoomShadow"><table><tr><td class="zs1"><b></b></td><td class="zh1"><b></b></td><td class="zs2"><b></b></td></tr><tr><td class="zv1"><b></b></td><td><div class="zoomBase"></div></td><td class="zv2"><b></b></td></tr><tr><td class="zs3"><b></b></td><td class="zh2"><b></b></td><td class="zs4"><b></b></td></tr></table></div>\r';
var zoomX = '<a href="#" class="zoomX"></a>\r';

var firstClick = true;
var galNum = 0;
var oldZoom = 0;
var currentZoom = 0;
var oldW = 0;
var oldH = 0;
var oldOf = 0;
var clicked = false;
var strashno = false;
var allLoaded = false;
var loadStatus = 0;

$("a.zoom".live("click", function(event) {
event.preventDefault();
$(this).blur();
$("a.zoomX".remove();
$("select".addClass("selOff";

bpOff = $(this).offset();
bpWidth = $(this).find("img".width();
bpHeight = $(this).find("img".height();
if(bpWidth === null) {
bpWidth = $(this).width();
bpHeight = $(this).height();
}
bpcLeft = Math.round(bpOff.left + (bpWidth / 2));
bpcTop = Math.round(bpOff.top + (bpHeight / 2));

screenScroll = $(window).scrollTop();
screenWidth = $("body".innerWidth();
screenHeight = $(window).height();

scrLeft = Math.round(screenWidth / 2);
scrTop = Math.round(screenScroll + (screenHeight / 2));

if(firstClick === true) {
$("body".append(zoomTrash);
galNum = $(".zoom".length;
for(var i = 0; i < galNum; i++) {
$(".zoom:eq(" + i + "".addClass("myZoom" + i);
}
$("body".append('<img id="zoomLoading" src="zoom/zoom-load.gif" />\r')
$("#zoomLoading".css("left", bpcLeft - 11).css("top", bpcTop - 11);

for(var i = 0; i < galNum; i++) {
var zoomUrl = $(".myZoom" + i).attr("href";
$("body".append('<img class="zoomPic" src="' + zoomUrl + "?" + Math.random()*10 + '" id="zoomPic' + i + '" />\r')
}

currentZoom = $(this).attr("class";
currentZoom = currentZoom.slice(currentZoom.indexOf("myZoom");
currentZoom = currentZoom.slice(6);
oldZoom = currentZoom;

for(var i = 0; i < galNum; i++) {
$("#zoomPic" + i).load(function() {
loadStatus++;
var localId = $(this).attr("id".slice(7);
width_array[localId] = $(this).width();
height_array[localId] = $(this).height();
});
}

var loading = setInterval(waitForPics, 50);
firstClick = false;
} else {
oldZoom = currentZoom;
currentZoom = $(this).attr("class";
currentZoom = currentZoom.slice(currentZoom.indexOf("myZoom");
currentZoom = currentZoom.slice(6);
showPic();
}

function waitForPics() {
if(loadStatus === galNum) {
$("#zoomLoading".remove();
clearInterval(loading);
showPic();
}
}
});

function showPic() {

zoomWidth = width_array[currentZoom];
zoomHeight = height_array[currentZoom];

var ratio = zoomWidth / zoomHeight;

//check size
if(zoomHeight > screenHeight - 45) {
zoomHeight = screenHeight - 45;
zoomWidth = zoomHeight * ratio;
} else if(zoomWidth > screenWidth - 50) {
zoomWidth = screenWidth - 50;
zoomHeight = zoomWidth / ratio;
}

oldW = $(".myZoom" + oldZoom + " img".width();
oldH = $(".myZoom" + oldZoom + " img".height();
oldOf = $(".myZoom" + oldZoom + " img".offset();

if(oldW === null) {
oldW = $(".myZoom" + oldZoom).width();
oldH = $(".myZoom" + oldZoom).height();
oldOf = $(".myZoom" + oldZoom).offset();
}

if(placeToCenter === false) {
// in place

//check place
localTop = bpcTop - (zoomHeight / 2);
if(localTop < screenScroll + 20) {localTop = screenScroll + 20};
if(localTop + zoomHeight > screenScroll + screenHeight - 20) {localTop = screenScroll + screenHeight - zoomHeight - 20};
localLeft = bpcLeft - (zoomWidth / 2);
if(localLeft < 20) {localLeft = 20};
if(localLeft > screenWidth - zoomWidth - 25) {localLeft = screenWidth - zoomWidth - 25};

$("#zoomPic" + currentZoom).css("top", bpOff.top).css("left", bpOff.left).css("width", bpWidth).css("height", bpHeight);

$("#zoomPic" + currentZoom).animate({
width:zoomWidth,
height:zoomHeight,
left:localLeft,
top:localTop
}, 200, setShadow);

if(currentZoom !== oldZoom && strashno === false) {
removeShadow();
$("#zoomPic" + oldZoom).animate({
width:oldW,
height:oldH,
left:oldOf.left,
top:oldOf.top
}, 200, removeOld);
}

strashno = false;
} else {
// in center

//check place
localTop = (screenHeight / 2) - (zoomHeight / 2);
localLeft = (screenWidth / 2) - (zoomWidth / 2);

$("#bigGrey".addClass("bigGrey".height($("body > div".innerHeight());

$("#zoomPic" + currentZoom).css("top", bpOff.top).css("left", bpOff.left).css("width", bpWidth).css("height", bpHeight);

$("#zoomPic" + currentZoom).animate({
width:zoomWidth,
height:zoomHeight,
left:localLeft,
top:localTop + $(window).scrollTop()
}, 200, setShadow);

if(currentZoom !== oldZoom && strashno === false) {
removeShadow();
$("#zoomPic" + oldZoom).animate({
width:oldW,
height:oldH,
left:oldOf.left,
top:oldOf.top
}, 200, removeOld);
}

strashno = false;
}
};

function setShadow() {
clicked = false;
var zsLeft = localLeft - 6;
var zsTop = localTop - 6;
if(placeToCenter === false) {
$("div.zoomShadow".css("left", zsLeft).css("top", zsTop);
} else {
$("div.zoomShadow".css("left", zsLeft).css("top", zsTop).css("position", "fixed";
}
$("div.zoomShadow div.zoomBase".width(zoomWidth - 8).height(zoomHeight - 8);

for(var i = 0; i < galNum; i++) {
if(i !== parseInt(currentZoom)) {
$("#zoomPic" + i).css("top", -9999).css("left", -1000).css("width", width_array[i]).css("height", height_array[i]);
}
}

$("#zoomPic" + currentZoom).click(function(event){
$("a.zoomX".remove();
hideCurrent();
});

$("body".append(zoomX);
if(placeToCenter === false) {
$("a.zoomX".css("left", localLeft + zoomWidth - 16).css("top", localTop - 17);
} else {
$("a.zoomX".css("left", localLeft + zoomWidth - 16).css("position", "fixed".css("top", localTop - 17);
}

$("a.zoomX".click(function(event){
event.preventDefault();
$("a.zoomX".css("position", "absolute".remove();
hideCurrent();
});
$("select".addClass("selOff";

if(placeToCenter === true) {
$("#zoomPic" + currentZoom).css("position", "fixed".css("top", localTop);
}
}
function removeShadow() {
$("div.zoomShadow".css("top", -9999).css("left", -1000).css("position", "absolute";
}

function removeOld() {
$("#zoomPic" + oldZoom).css("top", -9999).css("left", -1000).css("width", width_array[oldZoom]).css("height", height_array[oldZoom]).css("position", "absolute";
}

function hideCurrent() {
if(clicked === false) {
$("#bigGrey".removeClass("bigGrey".height(0);
$("select".removeClass("selOff";
oldZoom = currentZoom;

oldWidth = width_array[oldZoom];
oldHeight = height_array[oldZoom];

oldW = $(".myZoom" + oldZoom + " img".width();
oldH = $(".myZoom" + oldZoom + " img".height();
oldOf = $(".myZoom" + oldZoom + " img".offset();
if(oldW === null) {
oldW = $(".myZoom" + oldZoom).width();
oldH = $(".myZoom" + oldZoom).height();
oldOf = $(".myZoom" + oldZoom).offset();
}

removeShadow();

if(placeToCenter === false) {
$("#zoomPic" + oldZoom).animate({
width:oldW,
height:oldH,
left:oldOf.left,
top:oldOf.top
}, 200, removeOld);
} else {
$("#zoomPic" + oldZoom).animate({
width:oldW,
height:oldH,
left:oldOf.left,
top:oldOf.top - $(window).scrollTop()
}, 200, removeOld);
}

strashno = true;
}
clicked = true;
}

$("#bigGrey".click(function() {
$("a.zoomX".remove();
hideCurrent();
});

$(window).keydown(function(event) {
if(event.keyCode == '27') {
$("a.zoomX".remove();
hideCurrent();
}
if(event.keyCode == '39' && galNum > 1) {
removeShadow();
$("a.zoomX".remove();
oldZoom = currentZoom;

if(firstClick === false) {
if(currentZoom < galNum - 1) {
currentZoom++;
} else {
currentZoom = 0;
}
}

bpOff = $(".myZoom" + currentZoom).offset()
bpWidth = $(".myZoom" + currentZoom).find("img".width();
bpHeight = $(".myZoom" + currentZoom).find("img".height();
if(bpWidth === null) {
bpWidth = $(".myZoom" + currentZoom).width();
bpHeight = $(".myZoom" + currentZoom).height();
}
bpcLeft = Math.round(bpOff.left + (bpWidth / 2));
bpcTop = Math.round(bpOff.top + (bpHeight / 2));

showPic();
}
if(event.keyCode == '37' && galNum > 1) {
removeShadow();
$("a.zoomX".remove();
oldZoom = currentZoom;

if(firstClick === false) {
if(currentZoom > 0) {
currentZoom--;
} else {
currentZoom = galNum - 1;
}
}

bpOff = $(".myZoom" + currentZoom).offset()
bpWidth = $(".myZoom" + currentZoom).find("img".width();
bpHeight = $(".myZoom" + currentZoom).find("img".height();
if(bpWidth === null) {
bpWidth = $(".myZoom" + currentZoom).width();
bpHeight = $(".myZoom" + currentZoom).height();
}
bpcLeft = Math.round(bpOff.left + (bpWidth / 2));
bpcTop = Math.round(bpOff.top + (bpHeight / 2));

showPic();
}
});

function clearCache() {
firstClick = true;
galNum = 0;
oldZoom = 0;
currentZoom = 0;
oldW = 0;
oldH = 0;
oldOf = 0;
clicked = false;
strashno = false;
allLoaded = false;
loadStatus = 0;

$("img.zoomPic".remove();
$("a.zoomX".remove();
removeShadow();
}
})(jQuery);
Профиль Ответить
05.06.2012 20:03:13 Увилечение картинки при клике Сообщение #6
KotOFF

KotOFF

Освоившийся

Освоившийся

Дата регистрации:
25.05.2012 10:21:29

Сообщений: 33

НУЖНО ЗАКАНЧИВАТЬ!!!

файл - zoom.css

.zoom {display:inline-block;}
#zoomLoading {position:absolute; display:block; opacity:0.5; filter:alpha(opacity=50);}
.zoomX {position:absolute; top:50px; left:50px; width:34px; height:34px; background-image:url(../zoom/zoom-x.png); cursor:pointer; background-repeat:no-repeat; background-position:0 0;}
* html .zoomX {background-image:url(../zoom/zoom-x.gif);}
.zoomX:hover {background-position:0 -34px;}
.zoomPic {position:absolute; display:block; top:-9999px; left:0; cursor:pointer;}
.zoomShadow {position:absolute; left:0; top:-9999px;}
.zoomShadow table {width:auto; height:auto; border:0; border-collapse:collapse; border-spacing:0;}
.zoomShadow td {margin:0; padding:0; border:0;}
.zoomShadow b {display:block; width:10px; height:10px; overflow:hidden;}
.zoomBase {position:relative; width:10px; height:10px; margin:0; padding:0; background:#000;}
.zs1 {width:10px; height:10px; background:url(../zoom/zoom-shadow.png) no-repeat 0 0;}
* html .zs1 {background:url(../zoom/zoom-shadow.gif) no-repeat 0 0;}
.zs2 {width:10px; height:10px; background:url(../zoom/zoom-shadow.png) no-repeat -10px 0;}
* html .zs2 {background:url(../zoom/zoom-shadow.gif) no-repeat -10px 0;}
.zs3 {width:10px; height:10px; background:url(../zoom/zoom-shadow.png) no-repeat 0 -10px;}
* html .zs3 {background:url(../zoom/zoom-shadow.gif) no-repeat 0 -10px;}
.zs4 {width:10px; height:10px; background:url(../zoom/zoom-shadow.png) no-repeat -10px -10px;}
* html .zs4 {background:url(../zoom/zoom-shadow.gif) no-repeat -10px -10px;}
.zh1 {height:10px; background:url(../zoom/zoom-shadow.png) repeat-x 0 -20px;}
* html .zh1 {background:url(../zoom/zoom-shadow.gif) repeat-x 0 -20px;}
.zh2 {height:10px; background:url(../zoom/zoom-shadow.png) repeat-x 0 -30px;}
* html .zh2 {background:url(../zoom/zoom-shadow.gif) repeat-x 0 -30px;}
.zv1 {width:10px; background:url(../zoom/zoom-shadow.png) repeat-y 0 -40px;}
* html .zv1 {background:url(../zoom/zoom-shadow.gif) repeat-y 0 -40px;}
.zv2 {width:10px; background:url(../zoom/zoom-shadow.png) repeat-y -10px -40px;}
* html .zv2 {background:url(../zoom/zoom-shadow.gif) repeat-y -10px -40px;}

* html .selOff {visibility:hidden;}

.bigGrey {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80);}
Профиль Ответить
05.06.2012 21:48:05 Увилечение картинки при клике Сообщение #7
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

KotOFF, спасибо за материал, но, к сожалению, это у Вас получилась бредовина. Простейший скрипт в пять строчек, Вы растянули не буду говорить насколько. Вот нормальный скрипт, простой и рабочий: http://myrusakov.ru/uvelichenie-kartinki-klik.html
Профиль Ответить
05.06.2012 22:02:18 Увилечение картинки при клике Сообщение #8
KotOFF

KotOFF

Освоившийся

Освоившийся

Дата регистрации:
25.05.2012 10:21:29

Сообщений: 33

Код писали со стороны дизайна! Кстати, статья недописана, там нет картинок для показухи, так мало кто поймет! Админ, сделай возможность добавлять изображения на свой форум!!!
Профиль Ответить
05.06.2012 22:10:06 Увилечение картинки при клике Сообщение #9
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Вы загружайте картинки на хостинг изображений и вставляйте через BB-код это изображение на форум.
Профиль Ответить
06.06.2012 00:02:33 Увилечение картинки при клике Сообщение #10
KotOFF

KotOFF

Освоившийся

Освоившийся

Дата регистрации:
25.05.2012 10:21:29

Сообщений: 33

Не буду парить мозг над ссылками(
Профиль Ответить