<MyRusakov.ru />

Создание крупного проекта на Java с нуля

Создание крупного проекта на Java с нуля

Данный курс научит Вас создавать крупные проекты на Java грамотно и быстро. В курсе Вы увидите создание большой и сложной программы на Java абсолютно с нуля.

В начале курса у нас будет только идея, а в конце готовый продукт, который можно использовать в практических целях.

В рамках упражнений курса Вы параллельно со мной будете создавать свою большую программу на Java, что даст Вам необходимую практику, после которой для Вас уже не будет разницы, какого размера создавать программы.

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

Подписавшись по 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

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