رفتن به مطلب

پست های پیشنهاد شده

درود.

دوستان ، میخوام وقتی موش واره ( :دی ) روی متن یا دکمه میره ، هورش بجای تایتل یا... عکس نمایش داده بشه !

ممنون میشم راهنماییم کنید.

سپاس

لینک به ارسال


<!DOCTYPE html>
<html>
<head>
<title>Test Page</title>
<script language="Javascript">
function ShowPicture(id,Source) {
if (Source=="1"){
if (document.layers) document.layers[''+id+''].visibility = "show"
else if (document.all) document.all[''+id+''].style.visibility = "visible"
else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "visible"
}
else
if (Source=="0"){
if (document.layers) document.layers[''+id+''].visibility = "hide"
else if (document.all) document.all[''+id+''].style.visibility = "hidden"
else if (document.getElementById) document.getElementById(''+id+'').style.visibility = "hidden"
}
}
</script>
<style type="text/css">
#Style {
position:absolute;
visibility:hidden;
border:solid 1px #d90000;
padding:5px;
</style>
</head>
<body>
<a href="#" onmouseover="ShowPicture('Style',1)"
onmouseout="ShowPicture('Style',0)">inja ra over kon</a>
<div id="Style"><img src="../my.jpg"></div>
</body>
</html>

افزونه ها:

http://wordpress.org/extend/plugins/mouseover-free/

http://wordpress.org/extend/plugins/img-mouseover/

http://wordpress.org/extend/plugins/hover-image/

لینک به ارسال
  • 2 هفته بعد...

دوستان اگه بخوایم دو عکس روی هم دیگه بیفتن باید چکار کنیم؟ (کدش رو بدین لطفا)

میخوام وقتی ماوس میره روی یک دکمه یا متن ؛ عکس دقیقا روی خودش بیاد ، نه پایینش.

لینک به ارسال

اگر

دوستان اگه بخوایم دو عکس روی هم دیگه بیفتن باید چکار کنیم؟ (کدش رو بدین لطفا)

میخوام وقتی ماوس میره روی یک دکمه یا متن ؛ عکس دقیقا روی خودش بیاد ، نه پایینش.

اگر منظورتون اینه که یک عکس در حالت اشاره موس تغییر کنه ساده ترین کدش اینه


<img src="img01.jpg" onmouseover="this.src='img02.jpg'" onmouseout="this.src='img01.jpg'" />

لینک به ارسال
  • 4 هفته بعد...

با روش دیگه ای هم میشه این کار رو انجام داد ؟

این کدی که ایمان عزیز دادن، یه مشکلی داره . اینه که باید کاربر 3-4 ثانیه ماوس رو نگه داره روی عکس تا عکس دوم لود بشه.

میشه کاری کرد که خودش از قبل لود بشه و نیازی به این زمان نباشه ؟

لینک به ارسال

با روش دیگه ای هم میشه این کار رو انجام داد ؟

این کدی که ایمان عزیز دادن، یه مشکلی داره . اینه که باید کاربر 3-4 ثانیه ماوس رو نگه داره روی عکس تا عکس دوم لود بشه.

میشه کاری کرد که خودش از قبل لود بشه و نیازی به این زمان نباشه ؟

این زمان مربوط به کد نیست مربوط به حم عکس دوم و لودشه باید تلاش کنید عکس دوم خیلی سبک باشه و می تونید این کد را در فایل script.js و اگر ندارید در فایل header.php و در تگ <script> قرار بدید


function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}

و به ازای عکس هایی که در زمان لود سایت لود نمشند (همون تصاویر هاور) این کد را به تگ body اضافه کنید


onload="FP_preloadImgs('آدرس عکس اول','آدرس عکس دوم ')"

یک راه دیگه هم برای لود اینگونه عکس ها هست می تونید اونها را در footer.php و داخل یک div با خاصیت display:none بارگذاری کنید

لینک به ارسال
  • 1 سال بعد...

آیا برای وردپرس اینجوری میشه ؟


<img src="<?php bloginfo('template_directory'); ?>/images/Next-Before.png" onmouseover="this.src='<?php bloginfo('template_directory'); ?>/images/Next-Before-b.png'" onmouseout="this.src='<?php bloginfo('template_directory'); ?>/images/Next-Before.png'" />

و نمیشه یه کاری کرد که یه مقدار اسلو تر عوض شه ؟

ویرایش شده توسط M.At
لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...