Премини към съдържанието
  • Добре дошли!

    Добре дошли в нашите форуми, пълни с полезна информация. Имате проблем с компютъра или телефона си? Публикувайте нова тема и ще намерите решение на всичките си проблеми. Общувайте свободно и открийте безброй нови приятели.

    Моля, регистрирайте се за да публикувате тема и да получите пълен достъп до всички функции.

     

krasimirch0

Галерия?! Зареждане на снимката във фиксирано място?

Препоръчан отговор


Здравейте,

Изграждам сайт за мебели и сега.. в страницата "продукти" имам от ляво категории с вертикално меню, ..така и като се кликне на даден артикул от менюто да се зарежда снимка от дясно.

И на следващия артикул снимката пак да се зареди на същото място....

Изображенията ще ми са с един и същи размер, за да изглежда по - оригинално.. :write a letter:

Бихте ли ми дали такъв скрипт, че не намерих никаде .. Нито DynamicDrive нито никъде и търся от вас помощ!

.....Благодаря!

Сподели този отговор


Линк към този отговор
Сподели в други сайтове

Ами посочи някое тъмбнейлче и ще видиш.

Сподели този отговор


Линк към този отговор
Сподели в други сайтове

Говорим изобщо за сайта http://cssplay.co.uk ..

Не ми зарежда сайта, дава ми грешка :cool:


Сподели този отговор


Линк към този отговор
Сподели в други сайтове

Е, съжалявам. При мен си работи.

Сподели този отговор


Линк към този отговор
Сподели в други сайтове
публикувано (редактирано)

Това е много лесно.

С javascript сменяш съдържанието на въпросен div. или src-то на img.

Ето пример, който сменя две картинки след натискане на бутон.

<html>

<head>

	<script type="text/javascript">

		function change(){

			var img = document.getElementById("image");

			if(img.src == "http://www.kaldata.com/logo.gif")

				img.src = "http://www.kaldata.com/forums/public/style_images/master/logo_kaldata.png"

			else

				img.src = "http://www.kaldata.com/logo.gif"

		}


	</script>


</head>

<body>

<div>

<input type="button" value="Change Picture" onclick="change();" />

<br /><br />

<img id="image" src="http://www.kaldata.com/logo.gif" width="128" height="30"/>

</div>

</body>

</html>

/Едит

Преди малко забелязах че http://www.tenta.bg/bg/21/8/245/subgallery.html са еднакви html-и с различни картинки!

Редактирано от Progres (преглед на промените)

Сподели този отговор


Линк към този отговор
Сподели в други сайтове

Искам нещо такова ... http://www.tenta.bg/bg/21/8/245/subgallery.html

Най-лесния начин е да видиш на самия сайт как е направено. Ако използваш Mozilla Firefox има една добавка Firebug. С нея много лесно ще видиш кой код за какво е и промяната му какво прави.

Сподели този отговор


Линк към този отговор
Сподели в други сайтове
публикувано (редактирано)

Не съм свикнал да крада кодове.. и за това незнам :huh:

Иначе мерси, сега ще пробвам горепосоченият скрипт :(

/Edit

@Рrogres, този скрипт не ми върши работа.

Аз искам да има Примерно "текст" "текст1" "текст2"

и съответно 3 картинки, първата да се показва на текст, втората на текст1 и третата на текст2 .. :)

Редактирано от krasimirch0 (преглед на промените)

Сподели този отговор


Линк към този отговор
Сподели в други сайтове

Ами да. Динамично ше сменяш текста и картинката... тва е. Кода е съвсем примерен, а не конкретен към твоя казус!

Другата алтернатива е да направиш абсолютно еднакви html-и с различни текстове и картинки, както и в линка който си дал. :)

Сподели този отговор


Линк към този отговор
Сподели в други сайтове

Не мога да го оправя тоя код.. :@

Преди ми бяхте дали такъв код тука, обаче не мога да си намеря темата.. :)

Сега същия скрипт ще ми свърши работа :)

Сподели този отговор


Линк към този отговор
Сподели в други сайтове
публикувано (редактирано)
<html>

 <head>

 	 <script type="text/javascript">

 	 function change(imgsrc){

 		 var img = document.getElementById("image");

 	img.src = imgsrc;

 	}

 	 </script>

 </head>


 <body>

 	 <table>

 		 <tr>

 			 <td>

 				 <a href="" onclick="change('images/text1.gif'); return false;">Text1</a><br />

 				 <a href="" onclick="change('images/text2.gif'); return false;">Text2</a><br />

 				 <a href="" onclick="change('images/text3.gif'); return false;">Text3</a><br />

 			 </td>

 			 <td>

 				 <img id="image" src="" />

 			 </td>

 		 </tr>

 	 </table>

 </body>

</html>

Редактирано от Ken (преглед на промените)

Сподели този отговор


Линк към този отговор
Сподели в други сайтове

Добавете отговор

Можете да публикувате отговор сега и да се регистрирате по-късно. Ако имате регистрация, влезте в профила си за да публикувате от него.

Гост
Напишете отговор в тази тема...

×   Вмъкнахте текст, който съдържа форматиране.   Премахни форматирането на текста

  Разрешени са само 75 емотикони.

×   Съдържанието от линка беше вградено автоматично.   Премахни съдържанието и покажи само линк

×   Съдържанието, което сте написали преди беше възстановено..   Изтрий всичко

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Добави ново...