Как заментиь картинку на другую при наведении ?

Юзайте hover в CSS или через javascript onmouseover....

Это вставить в head -

<script type="text/javascript">

<!--

function MM_swapImgRestore() { //v3.0

var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

Это в то место где нужно изображение выделения -

<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','КАРТИНКА2',1)"><img src="КАРТИНКА1" name="Image1" border="0" id="Image1" /></a>

Как понял речь идет о RSS канале?

надо текст новости заворачивать в теги <![CDATA[...]]>

тогда в новость можно будет вставлять не только текст но и html код

а это значит что можно будет использовать style="" ,

ну как сделать смену картинки при наведении мыши при помощи стилей поищите

насчет использования javascript внутри <![CDATA[...]]> сомневаюсь, может не работать не проверял

вот пример RSS канала с <![CDATA[...]]>

http://www.newsrss.ru/mein_rss/rss_cdata.xml

я делаю так: рисую картинку состоящую из 2-х версий, в стандартном положении стилями css показываю одну часть, а при наведении - другую её часть...

Дример в руки и никаких проблем. Все встроено

SellingFeis имеется ввиду иконка RSS.

marush Через hover пробывал, но ничего не получается, надо веть как бы при наведении на первую картинку закрывать её же второй картинкой.

AstrA а можно по подробней, как при наведении зделать чтоб выводилась вторая половинка картинки ?

BlackvsEvgen добавил 25.04.2010 в 21:07

S_A_N_T_A попробывал ваш вариант, 1-ая картинка мигает и иногда 2-ая проскакивает. Не знаете в чем проблема может быть ?

BlackvsEvgen добавил 25.04.2010 в 21:10

S_A_N_T_A Всё разобрался, это из-за того что ссылка в диве была

не дай бог, я бы так верстал как S_A_N_T_A.

<style>

.my_img

{

	background:  url(img.jpg) no-repeat;

}

.my_img:hover

{

	background: url(img_hover.jpg) no-repeat;

}

</style>



<div class="my_img">

rss

</div>

что имеем:

• имеем img.jpg основная картинка
• имеем img_hover.jpg картинка что будет отображатся при наведении
• и сам div у которого эти картинки являются фоновыми

Насколько я понимаю, картинка rss будет являться ссылкой, а раз так, то куда проще:

<style>

a.my_img{background:  url(img.jpg) no-repeat;text-indent:-9999px;}

a.my_img:hover{background: url(img_hover.jpg) no-repeat;}

</style>

<a class="my_img" href="#">RSS</a>

в этом случае и ишак №6 не будет в обиде.

Olldman спасибо. И вправду все легко и просто :)

Этот вариант самый лучший.

Сам делаю так.

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