hover با عکس !

Mesmaili · اسفند 91

درود.

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

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

سپاس

isk · اسفند 91


<!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/

Farzad · اسفند 91

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

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

imanfakhar · اسفند 91

اگر

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

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


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

Farzad · فروردین 92

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

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

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

imanfakhar · فروردین 92

با روش دیگه ای هم میشه این کار رو انجام داد ؟
این کدی که ایمان عزیز دادن، یه مشکلی داره . اینه که باید کاربر 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 بارگذاری کنید

Blood · خرداد 93

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


	 <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'" />

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

ویرایش شده خرداد 93 توسط M.At

ورود

hover با عکس !

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

Mesmaili 301

لینک به ارسال

isk 4447

لینک به ارسال

Farzad 3805

لینک به ارسال

imanfakhar 26231

لینک به ارسال

Farzad 3805

لینک به ارسال

imanfakhar 26231

لینک به ارسال

Blood 23

لینک به ارسال

لطفا برای ارسال دیدگاه وارد شوید

فهرست بخش ها

فعالیت ها