source: ether_2012/trunk/web/project/slideData.jsp @ 358

<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>

<table class="slideTable">
    <tr>
        <td id="tdBalloons">
            <a href="http://ether.ipsl.jussieu.fr/etherTypo/index.php?id=1199&type=1&L=1">
                <div class="slideTableTitle"><spring:message code="label.balloons"/></div>
                <img id="logoBalloons" src="resources/images/logo_ballon_s.gif" width="80px" alt='<spring:message code="logo.balloons.alt"/>' title='<spring:message code="logo.balloons.alt"/>'/>
            </a>
        </td>

        <td id="tdSatellites">
            <a href="">
                <div class="slideTableTitle"><spring:message code="label.satellites"/></div>
            </a>

        <td id="tdCampaigns">
            <a href="">
                <div class="slideTableTitle"><spring:message code="label.campaigns"/></div>
            </a>
        </td>

        <td id="tdModels">
            <a href="">
                <div class="slideTableTitle"><spring:message code="label.models"/></div>
            </a>
        </td>

        <td id="tdMeteo">
            <div class="slideTableTitle"><spring:message code="label.meteo"/></div>
        </td>

        <td id="tdLinks">
            <div class="slideTableTitle"><spring:message code="label.links"/></div>
        </td>
    </tr>
</table>
&nbsp;

<script type="text/javascript">
    $( "#tdBalloons" ).bind( "mouseover", function(){ $( "#logoBalloons" ).attr( {src:"resources/images/logo_ballon_s_hover.gif"} ); } );
    $( "#tdBalloons" ).bind( "mouseout", function(){ $( "#logoBalloons" ).attr( {src:"resources/images/logo_ballon_s.gif"} ); } );

//    $( "#tdSatellites" ).bind( "mouseover", function(){ $( "#logoReprobus" ).attr( {src:"resources/images/logo_O3_reprobus_hover.png"} ); } );
//    $( "#tdSatellites" ).bind( "mouseout", function(){ $( "#logoReprobus" ).attr( {src:"resources/images/logo_O3_reprobus.png"} ); } );

//    $( "#tdCampaigns" ).bind( "mouseover", function(){ $( "#logoIasi" ).attr( {src:"resources/images/logo_iasi_hover.jpg"} ); } );
//    $( "#tdCampaigns" ).bind( "mouseout", function(){ $( "#logoIasi" ).attr( {src:"resources/images/logo_iasi.jpg"} ); } );

//    $( "#tdModels" ).bind( "mouseover", function(){ $( "#logoTropico" ).attr( {src:"resources/images/logo_tropico_small_hover.jpg"} ); } );
//    $( "#tdModels" ).bind( "mouseout", function(){ $( "#logoTropico" ).attr( {src:"resources/images/logo_tropico_small.jpg"} ); } );

//    $( "#tdMeteo" ).bind( "mouseover", function(){ $( "#logoGeisa" ).attr( {src:"resources/images/logo_Geisa76-50deform_hover.jpg"} ); } );
//    $( "#tdMeteo" ).bind( "mouseout", function(){ $( "#logoGeisa" ).attr( {src:"resources/images/logo_Geisa76-50deform.jpg"} ); } );

//    $( "#tdLinks" ).bind( "mouseover", function(){ $( "#logoMozaic" ).attr( {src:"resources/images/logo_mozaic_hover.GIF"} ); } );
//    $( "#tdLinks" ).bind( "mouseout", function(){ $( "#logoMozaic" ).attr( {src:"resources/images/logo_mozaic.GIF"} ); } );
</script>