Показ большого изображения.

[Светлана Г.]

Здравствуйте!

На сайте для показа большого изображения используется скрипт.

Проблема заключается в том, что при просмотре текущего изображения какое-то время ещё висит предыдущее.

Вопрос: можно ли это как-то поправить.

Пыталась уменьшать вес изображений - не помогает.

JS не знаю, использовала готовый.

Вот здесь можно посмотреть:

http://www.vt-remont.ru/fotogalery.html

[Илья Маякин]

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

Если это так, то попробуйте вставить такой код в ваш внешний js файл (photo-view.js)

var image1 = new Image(600, 450);
image1.src = "img/pic1.jpg";

var image2 = new Image(600, 450);
image2.src = "img/pic2.jpg";

var image3 = new Image(600, 450);
image3.src = "img/pic3.jpg";

var image4 = new Image(600, 450);
image4.src = "img/pic4.jpg";

var image5 = new Image(600, 450);
image5.src = "img/pic5.jpg";

var image6 = new Image(600, 450);
image6.src = "img/pic6.jpg";

var image7 = new Image(600, 450);
image7.src = "img/pic7.jpg";

var image8 = new Image(600, 450);
image8.src = "img/pic8.jpg";

var image9 = new Image(600, 450);
image9.src = "img/pic9.jpg";

var image10 = new Image(600, 450);
image10.src = "img/pic10.jpg";

var image11 = new Image(600, 450);
image11.src = "img/pic11.jpg";

var image12 = new Image(600, 450);
image12.src = "img/pic12.jpg";

var image13 = new Image(600, 450);
image13.src = "img/pic13.jpg";

var image14 = new Image(600, 450);
image14.src = "img/pic14.jpg";

var image15 = new Image(600, 450);
image15.src = "img/pic15.jpg";

var image16 = new Image(600, 450);
image16.src = "img/pic16.jpg";

var image17 = new Image(600, 450);
image17.src = "img/pic17.jpg";

var image18 = new Image(600, 450);
image18.src = "img/pic18.jpg";

var image19 = new Image(600, 450);
image19.src = "img/pic19.jpg";

var image20 = new Image(600, 450);
image20.src = "img/pic20.jpg";

var image21 = new Image(600, 450);
image21.src = "img/pic21.jpg";

var image22 = new Image(600, 450);
image22.src = "img/pic22.jpg";

var image23 = new Image(600, 450);
image23.src = "img/pic23.jpg";

var image24 = new Image(600, 450);
image24.src = "img/pic24.jpg";

var image25 = new Image(600, 450);
image25.src = "img/pic25.jpg";

var image26 = new Image(600, 450);
image26.src = "img/pic26.jpg";

var image27 = new Image(600, 450);
image27.src = "img/pic27.jpg";

var image28 = new Image(600, 450);
image28.src = "img/pic28.jpg";

var image29 = new Image(600, 450);
image29.src = "img/pic29.jpg";

var image30 = new Image(600, 450);
image30.src = "img/pic30.jpg";

var image31 = new Image(600, 450);
image31.src = "img/pic31.jpg";

var image32 = new Image(600, 450);
image32.src = "img/pic32.jpg";

var image33 = new Image(600, 450);
image33.src = "img/pic33.jpg";

var image34 = new Image(600, 450);
image34.src = "img/pic34.jpg";

var image35 = new Image(600, 450);
image35.src = "img/pic35.jpg";

var image36 = new Image(600, 450);
image36.src = "img/pic36.jpg";

Edited December 5, 2009 by Илья Маякин

[Светлана Г.]

Неужели это единственное решение? А если будет гораздо больше фоток?

[hf3]

оформить в цикл.

как вариант

в функции

function hideImage()
{
	// Элементы для показа картинки
	var shadowDiv = document.getElementById("shadowDiv");
	var polaroidPicture = document.getElementById("polaroidPicture");
	// Уберем картинку
	shadowDiv.style.display = "none";
	polaroidPicture.style.display = "none";
}

добавьте строчку

polaroidPicture.firstChild.src = "";

чтобы было вот так

function hideImage()
{
	// Элементы для показа картинки
	var shadowDiv = document.getElementById("shadowDiv");
	var polaroidPicture = document.getElementById("polaroidPicture");
	// Уберем картинку
			   polaroidPicture.firstChild.src = "";
			   shadowDiv.style.display = "none";
				polaroidPicture.style.display = "none";
}

Это уберет старую картнику при загрузке новой по идее…

Edited December 5, 2009 by hf3

[Илья Маякин]

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

Edited December 6, 2009 by Илья Маякин

[Светлана Г.]

оформить в цикл.

как вариант

в функции

function hideImage()
{
	// Элементы для показа картинки
	var shadowDiv = document.getElementById("shadowDiv");
	var polaroidPicture = document.getElementById("polaroidPicture");
	// Уберем картинку
	shadowDiv.style.display = "none";
	polaroidPicture.style.display = "none";
}

добавьте строчку

polaroidPicture.firstChild.src = "";

чтобы было вот так

function hideImage()
{
	// Элементы для показа картинки
	var shadowDiv = document.getElementById("shadowDiv");
	var polaroidPicture = document.getElementById("polaroidPicture");
	// Уберем картинку
			   polaroidPicture.firstChild.src = "";
			   shadowDiv.style.display = "none";
				polaroidPicture.style.display = "none";
}

Это уберет старую картнику при загрузке новой по идее…

К сожалению, добавление этой строчки не помогло.