PDA

View Full Version : نمایش عکس با آمدن موس روی یک عکس HTML



vapa_71
چهارشنبه 05 تیر 1392, 13:52 عصر
سلام دوستان من از جوملا استفاده میکنم اما میخوام قبل از ورود به سایت اصلی یه صفحه HTML بذارم که لوگو رو نمایش بده حالا میخوام وقتی موس روی لوگو میره یک عکس دیگه رو نمایش بده

vapa_71
چهارشنبه 05 تیر 1392, 14:42 عصر
پیدا کردم قرار میدم بقیه هم استفاده کنن

<center><a onmouseover="var img=document['fpAnimswapImgFP1'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsr c:img.getAttribute?img.getAttribute('lowsrc'):img. src;" onmouseout="document['fpAnimswapImgFP1'].src=document['fpAnimswapImgFP1'].imgRolln" href="javascript:void(0)">
<img border="0" src="Pic1" id="fpAnimswapImgFP1" name="fpAnimswapImgFP1" dynamicanimation="fpAnimswapImgFP1" lowsrc="Pic2"></center>

یك : آخر کد را بخوانید و به جای "Pic1" آدرس عكسی را که می خواهید در ابتدا نمایش داده شود را وارد نمایید . دو : سپس کمی پایین تر به جای "Pic2" نشانی تصویری را که می خواهید با بردن نشانه گر برروی آن جایگزین تصویر اول شود را وارد نمایید
سه : اگر میخواهید برای تصویر لینك بذارید یعنی با کلیك روی تصویر به آدرس مورد نظر شما منتقل شود
کد :
javascript:void(0)
را پیدا کنید و به لینك مورد نظر خودتون تغییرش بدید
منبع :
http://support.vcp.ir/showthread.php?4570-%DA%A9%D8%AF-%D8%AC%D8%A7%DB%8C%DA%AF%D8%B2%DB%8C%D9%86-%D8%B4%D8%AF%D9%86-%DB%8C%D9%83-%D8%B9%D9%83%D8%B3-%D8%A8%D9%87-%D8%AC%D8%A7%DB%8C-%D8%B9%D9%83%D8%B3%DB%8C-%D8%AF%DB%8C%DA%AF%D8%B1-%D8%A8%D8%A7-%D8%A8%D8%B1%D8%AF%D9%86-%D9%85%D9%88%D8%B3-%D8%B1%D9%88%DB%8C-%D8%A2%D9%86

r4hgozar
چهارشنبه 05 تیر 1392, 14:47 عصر
اره میشه.
سلام دوست عزیز.
اولا که باید فایل جوملا رو تو هاست تو فولدر دیگه ای بزاری.
اول یه فایل Index.html درست کنی و روی هاست ذخیره کنی.
چون اولویت فایل index.html نصبت به index.php بیشتره.
واسه فرضیه دومت هم می تونی از جاوا یا جی کوئری استفاده کنی که همینجا سرچ کنی آموزش هاش هست و وقتی کلیک کردی از صفحه Index.php که خودت ساختی به index.php که جولا نصبه بره.

نگاه کن من تو این سایت (http://seyyedalshohada.com/)که البته با وردپرسه این کار رو انجام دادم

arusha
جمعه 09 اسفند 1392, 00:45 صبح
سلام دوستان
من توی سایتم واسه گزینه های منو، Hover تعریف کردم که هر گاه موس روشون می ره یک عکس کوچک بالاشون ظاهر می شه. همین عکس کوچک روی علامت لوگو هم به صورت ثابت قرار داره. حالا سوال من این هست، می خوام وقتی موس روی منو ها می ره عکس روی لوگو دیگه دیده نشه. در واقع می خوام این تصویر هنگام لود صفحه روی لوگو باشه وبعد با حرکت موس روی منو دیگه روی لوگو نباشه و روی لینک منوها ظاهر بشه
ممنون می شم زودتر کمکم کنید.

vapa_71
یک شنبه 20 مهر 1393, 18:48 عصر
اینم یه کد دیگه


<!--Java--><img src="01.jpg" onmouseover="this.src='03.jpg'" onmouseout="this.src='01.jpg'" alt=""/><!--Java-->