Подскажите про слайдер

Делали такое гораздо проще, чем грузить картинки, сверху лежит PNG под ней по клику меняется фон

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

http://www.idangero.us/cs/

<div class="color" onclick="javascript: d3('kraska', '01_Ral_3015.jpg', 'Ral 3015');">

<img src="/images/3d/kraska/colors/01_Ral_3015.jpg" title="Ral 3015" alt="">

<img class="border" src="/images/ramka_color.png" alt="">Ral 3015</div>

При клике на div скрипту передается три параметра

Вот сам скрипт

<script language="JavaScript">

	var host = "";

	

		$(document).ready(function ()

		{

			$("div.color img.border").hover(function ()

			{

				$(this).attr("src", host + "/images/ramka_color_.png");

			})

			.mouseleave(function ()

			{

				$(this).attr("src", host + "/images/ramka_color.png");

			});

		});



		function d3(id, image, color)

		{

			$("#" + id).attr("src", host + "/images/3d/" + id + "/" + image).attr("title", color);

		}

	

</script>

Какой еще флеш) Вы о чем?

Ты что, с дубу рухнул? Какой флеш? Вот полный код:

<script language="JavaScript">
	var host = "";
	
		$(document).ready(function ()
		{
			$("div.color img.border").hover(function ()
			{
				$(this).attr("src", host + "/images/ramka_color_.png");
			})
			.mouseleave(function ()
			{
				$(this).attr("src", host + "/images/ramka_color.png");
			});
		});

		function d3(id, image, color)
		{
			$("#" + id).attr("src", host + "/images/3d/" + id + "/" + image).attr("title", color);
		}
	
</script>

<img id="akril" class="d3" src="/images/3d/akril/00.jpg" title="Default"/>
<div class="palette">
	<div class="color" onClick="javascript: d3('akril', '01_White.jpg', 'White');">
		<img src="/images/3d/akril/colors/01_White.jpg" title="White" alt=""/>
		<img class="border" src="/images/ramka_color.png" alt=""/>
		White
	</div>
	<div class="color" onClick="javascript: d3('akril', '02_Black.jpg', 'Black');">
		<img src="/images/3d/akril/colors/02_Black.jpg" title="Black" alt=""/>
		<img class="border" src="/images/ramka_color.png" alt=""/>
		Black
	</div>
	<div class="color" onClick="javascript: d3('akril', '03_Mocco.jpg', 'Mocco');">
		<img src="/images/3d/akril/colors/03_Mocco.jpg" title="Mocco" alt=""/>
		<img class="border" src="/images/ramka_color.png" alt=""/>
		Mocco
	</div>
	<div class="color" onClick="javascript: d3('akril', '04_Gray_Metallic.jpg', 'Gray Metallic');">
		<img src="/images/3d/akril/colors/04_Gray_Metallic.jpg" title="Gray Metallic" alt=""/>
		<img class="border" src="/images/ramka_color.png" alt=""/>
		Gray Metallic
	</div>
	<div class="color" onClick="javascript: d3('akril', '05_Milk.jpg', 'Milk');">
		<img src="/images/3d/akril/colors/05_Milk.jpg" title="Milk" alt=""/>
		<img class="border" src="/images/ramka_color.png" alt=""/>
		Milk
	</div>
	<div class="color" onClick="javascript: d3('akril', '06_Black_Metallic.jpg', 'Black Metallic');">
		<img src="/images/3d/akril/colors/06_Black_Metallic.jpg" title="Black Metallic" alt=""/>
		<img class="border" src="/images/ramka_color.png" alt=""/>
		Black Metallic
	</div>
	<div class="color" onClick="javascript: d3('akril', '07_Bordo.jpg', 'Bordo');">
		<img src="/images/3d/akril/colors/07_Bordo.jpg" title="Bordo" alt=""/>
		<img class="border" src="/images/ramka_color.png" alt=""/>
		Bordo
	</div>
	<div class="color" onClick="javascript: d3('akril', '08_Fiolet.jpg', 'Fiolet');">
		<img src="/images/3d/akril/colors/08_Fiolet.jpg" title="Fiolet" alt=""/>
		<img class="border" src="/images/ramka_color.png" alt=""/>
		Fiolet
	</div>
	<div class="color" onClick="javascript: d3('akril', '09_Orange.jpg', 'Orange');">
		<img src="/images/3d/akril/colors/09_Orange.jpg" title="Orange" alt=""/>
		<img class="border" src="/images/ramka_color.png" alt=""/>
		Orange
	</div>
	<div class="color" onClick="javascript: d3('akril', '10_Chocolate.jpg', 'Chocolate');">
		<img src="/images/3d/akril/colors/10_Chocolate.jpg" title="Chocolate" alt=""/>
		<img class="border" src="/images/ramka_color.png" alt=""/>
		Chocolate
	</div>
	<div class="color" onClick="javascript: d3('akril', '11_Zebrano_Light.jpg', 'Zebrano Light');">
		<img src="/images/3d/akril/colors/11_Zebrano_Light.jpg" title="Zebrano Light" alt=""/>
		<img class="border" src="/images/ramka_color.png" alt=""/>
		Zebrano Light
	</div>
	<div class="color" onClick="javascript: d3('akril', '12_Zebrano_Dark.jpg', 'Zebrano Dark');">
		<img src="/images/3d/akril/colors/12_Zebrano_Dark.jpg" title="Zebrano Dark" alt=""/>
		<img class="border" src="/images/ramka_color.png" alt=""/>
		Zebrano Dark
	</div>
</div>

kdv12 PashaAntonov

да, это все парсил, рипал страницу... но не работает зараза. хоть убей

А ты jQuery подключил?

да. когда рипал страницу все скрипты какие там подключены.

Помогите, готов заплотить!!!

Скинь адрес сайта в личку и ссылку где ты поставил слайдер.

function changeImg(id_изображения, src_img) {

document.getElementById(id_изображения).src = src_img

}

<a href="javascript:changeImg('id_изображения', 'src_путь к изображению');

Весь код добавил. Но все равно ничего не происходит. Уже голову всю сломал (((

вставил вот это:

Все скрипты отключил кроме айквери... не помогает

Может кто подскажет ссылка на страницу