لود عكس هاي پس زمينه منوي اصلي

[kohyar]

با سلام
دوستان من يك سايت طراحي كردم كه بالاي اون يك منوي اصلي گذاشتم
در حالت عادي پس زمينه منو يك عكس وجود داره ولي وقتي موس روي لينك منو قرار مي گيره يك عكس ديگر رو لود مي كنم و نمايش مي دم تا گزينه منو با بقيه متفاوت باشه
مشكل اينجاست كه دفعه اول كه سايت بالا مياد عكسهاي دوم لود نميشن تا زمانيكه يكبار موس روي منو قرار بگيره تا اون عكس رو لود كنه و با توجه به سرعت ايران هم ميدونيد كه لود عكس دوم طول ميكشه
من مي خوام زمانيكه سايت بالا مي آد اون عكسها هم لود شن تا زمانيكه موس روي لينك منو قرار مي گيره سريع عكسها سوئيچ بشن
كدي هم كه روي لينك گذاشتم اينه


<a href="gallery.asp" onmouseover=image04.src="images/gallery_b.gif"
onmouseout=image04.src="images/gallery.gif">
<img border="0" src="images/gallery.gif" width="79" height="19" name="image04">

[Lagon666]

فکر می کنم با CSS مشکل حل بشه:


a{
background:url(1.gif);
}

a:hover{
background:url(2.gif);
}

[kohyar]

با سلام به دوستان
مشكل من حل نشد
آخه من عكس رو لينك مي كنم
نميدونم چطوري بايد از style تو اين قسمت استفده كنم
اگه ممكنه واسم بيشتر توضيح بدهيد
ممنون

[org.kiani]

سلام،
شما تصویر رو میتونید با جاوا اسکرپپت کش کنید :



<script type="text/javascript">

var im1 = new Image();
var im2 = new Image();

im1.src = 'PATH_OF_IMAGE_1';
im2.src = 'PATH_OF_IMAGE_2';

function changeImg( imSrc ) {
document.getElementById( 'imId' ).src = imSrc;
}
</script>
<!-- Menu : begin -->
<a href="#" onmouseover="changeImg( im2.src )" onmouseout="changeImg( im1.src )">
<img src="PATH_OF_IMAGE_1" id="imId" />
</a>
<!-- Menu : end -->

[kohyar]

با سلام
فكر مي كنم راهي كه اين دوستمون با جاوااسكريپت پيشنهاد كرده منطقي تر باشه
بايد تستش كنم
به هر حال از شما ممنونم كه به من كمك كرديد.