Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Java EE (J2EE) и Spring > смена картинки

Автор: xber9 24.6.2008, 21:52

вот есть такой код

Код


<div style="height: 192px; width: 140px; -rave-layout: grid" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:webuijsf="http://www.sun.com/webui/webuijsf">
    <f:subview id="menu">
        <h:graphicImage binding="#{jspf$menu.image1}" height="24" id="image1" onmouseover="" style="position: absolute; left: 0px; top: 24px"
            value="/pics/dot_blue.gif" width="24"/>
<h:outputLink  binding="#{jspf$menu.hyperlink1}" id="hyperlink1" style="height: 24px; left: 48px; top: 24px; position: absolute; width: 46px" value="http://www.sun.com/jscreator">
            <h:outputText binding="#{jspf$menu.hyperlink1Text}" id="hyperlink1Text" value="трай"/>
        </h:outputLink>
    </f:subview>
</div>

как сделать так чтобы наведении курсора на ссылку менялоать картинка в h:graphicImage

Автор: v2v 24.6.2008, 22:44

написать java script функцию которая будет подменять image :

Код


onmouseover="changeImage(graphicImage ,'images/some_image1.gif');"
onmouseout="changeImage(graphicImage ,'images/some_image2.gif');" />

Код


       function changeImage(graphicImage , image)
           {graphicImage .src = image;}

Автор: xber9 25.6.2008, 08:52

а вы уверены что это сработает
если да то где и как это написаить smile

Автор: v2v 25.6.2008, 15:24

первый кусок ты добавляешь в свой h:graphicImage таг, второй в раздел

Код


<script> </script>

Автор: Ace Wentura 25.6.2008, 17:58

Если не против немного поизвращаться, то можно сделать нечто подобное:

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Документ Без Имени</title>
<style>
a.class1{
    width:47px;
    height:52px;
    display:block;
    background-image: url(http://forum.vingrad.ru/style_images/2/t_reply.gif);
    background-repeat: no-repeat;
    text-decoration: none;
    float:left;
}
a.class1:hover{
    background-image: url(http://forum.vingrad.ru/style_images/2/t_new.gif);
}
</style>
</head>

<body>
<a href="#" class="class1">&nbsp;</a>qwe
</body>
</html>