با عرض سلام و خسته نباشید
من می خواستم که وقتی بر روی عکسها با موس می رویم عکس بزرگ شود و به جلو بیاید
مثل این سایت
http://fishing.youhosting.ir/
که از قالب سبز در این لینک استفاده کرده
http://www.datalifeengine.ir/extension/themes/
من می خواستم اگر ممکنه بهم بگین چطوری این عمل را در قالبی دیگر به وجود بیاورم
ضمنا در این سایت و قالب فقط وقتی بر روی عکسهایی که لینک دارد می رویم بزرگ می شود
ولی من میخواهم بر روی همه عکسها این عمل صورت گیرد
در صورتیکه می دانید لطفا کمکم کنید من خیلی به این هک نیاز دارم
با تشکر فراوان
درخواست بزرگ شدن عکس هنگام حرکت موس
آغاز شده توسط
esfahanfishing
, 1390/09/10 ساعت 19:09
13 پاسخ برای این موضوع
#3
ارسالی 1390/09/12 ساعت 09:39
سلام تشکر از پاسخ شما
تیک ایجاد تصویر کوچک فعال است
ولی ایجاد نمی شود
راه دیگه وجود نداره
ضمنا این سایت مطالب حاوی تصاویر را از سایتهای دیگه کپی کرده و باز هم بزرگ میشه
ربطی به اینکه میگید باید از داخل سایت اپلود بشه نداره
اگه راه حل دیگه دارید لطفا بهم بگید این که گفتید کار نکرد
تشکر
تیک ایجاد تصویر کوچک فعال است
ولی ایجاد نمی شود
راه دیگه وجود نداره
ضمنا این سایت مطالب حاوی تصاویر را از سایتهای دیگه کپی کرده و باز هم بزرگ میشه
ربطی به اینکه میگید باید از داخل سایت اپلود بشه نداره
اگه راه حل دیگه دارید لطفا بهم بگید این که گفتید کار نکرد
تشکر
#7
ارسالی 1390/09/12 ساعت 15:09
esfahanfishing,
سایت برای من باز نشد فک کنم نتم مشکل داره!
ولی در کل برای زوم چند تا راه داری .
هم با css میتونی این کارو بکنی که ساده ترین راهش استفاده از کد زیر برای class یا id :
در کد بالا با بردن موس روی عکس یک دفعه بزرگ میشه اما اگر بخوای با همون css عکس آروم آروم بزرگ بشه کدش هست ولی روی ie و کروم فک نمیکنم جواب بده .
راه حل دوم هم استفاده از جی کوئری هست میتونی گوگل سرچ کنی jquery Image Effects
یا jquery Image zoom Effects
یا به لینک زیر مراجعه کنید . اونجا پیداش کنید .
موفق باشی
سایت برای من باز نشد فک کنم نتم مشکل داره!
ولی در کل برای زوم چند تا راه داری .
هم با css میتونی این کارو بکنی که ساده ترین راهش استفاده از کد زیر برای class یا id :
img:hover{width:1000px; height:1000px;}
در کد بالا با بردن موس روی عکس یک دفعه بزرگ میشه اما اگر بخوای با همون css عکس آروم آروم بزرگ بشه کدش هست ولی روی ie و کروم فک نمیکنم جواب بده .
راه حل دوم هم استفاده از جی کوئری هست میتونی گوگل سرچ کنی jquery Image Effects
یا jquery Image zoom Effects
یا به لینک زیر مراجعه کنید . اونجا پیداش کنید .
موفق باشی
#8
ارسالی 1390/09/12 ساعت 16:51
progpars,
سلام
تشکر از جواب شما
تو سایتی که معرفی کردید یک نمونه دیگر در این ادرس هست
http://www.htmldrive.net/items/show/1091/CSS3-animation-shadows-image-hover-effe
ct
ولی سرعت دمو اون خیلی کمه احتمالا سرعت سایت را هم پایین می اورد
حالا یه راه دیگه
ایا میشه این کد را از این قالب گرفت کسی میدونه این کد کجاست و تو کدام فایله
http://www.datalifeengine.ir/extension/themes/
سلام
اینم یه نمونه برای تکون خوردنه
http://xn--mgbguh09aqiwi.com/?p=3677
ولی متاسفانه اینم کار نکرد
http://forum.webalfa.net/thread-13157.html
سلام کسی می دونه این -------------- را جچوری باید نصب کنم
خودم یه کار هایی کردم نشد
esfahanfishing,
اینم خوندم چیزی نفهمیدم
http://www.rashcms.com/forum/thread-418.html
سلام
تشکر از جواب شما
تو سایتی که معرفی کردید یک نمونه دیگر در این ادرس هست
http://www.htmldrive.net/items/show/1091/CSS3-animation-shadows-image-hover-effe
ct
ولی سرعت دمو اون خیلی کمه احتمالا سرعت سایت را هم پایین می اورد
حالا یه راه دیگه
ایا میشه این کد را از این قالب گرفت کسی میدونه این کد کجاست و تو کدام فایله
http://www.datalifeengine.ir/extension/themes/
سلام
اینم یه نمونه برای تکون خوردنه
http://xn--mgbguh09aqiwi.com/?p=3677
ولی متاسفانه اینم کار نکرد
http://forum.webalfa.net/thread-13157.html
سلام کسی می دونه این -------------- را جچوری باید نصب کنم
خودم یه کار هایی کردم نشد
esfahanfishing,
اینم خوندم چیزی نفهمیدم
http://www.rashcms.com/forum/thread-418.html
#11
ارسالی 1390/09/13 ساعت 07:36
سلام این کد را از یه سایت گرفتم
کجا باید قرار ش بدم در فایل مین تی پی ال گذاشتم کار نکرد
-------------------------------------------------------------------------------
با این کد می توان تصاویر را در زمانی که موس رویشان قرار می گیرد به میزان دلخواه به گردش درآورد ، دزست مانند تصویر زیر و دیگر تصاویر سایت:
img:hover {
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
}
ضمنا باید این کد را در استایل قالب سایت بگذارید.همچنین میزان کج شدن تصاویر در این کد 2- درجه است که می توان این مقدار را به دلخواه تغییر داد .
--------------------------------------------------------------------------------
-------------------
این کدها را همپیدا کردم چجوری باید اسفاده کنم
مجموعه کد های زیبا کننده قالب (Css)
کد چرخش تصاویر
img:hover { -webkit-transform: rotate(-1deg); -moz-transform: rotate(-1deg); -o-transform: rotate(-1deg); }
کد کادر دادن
border:solid 1px #000000;
کد گرد کردن گوشه های کادر
-moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;
کد سایه
text-shadow: 1px 1px 2px #000;
کد محو کردن
opacity:0.6;
0 کاربر در حال خواندن این موضوع است
0 کاربر، 0 مهمان و 0 عضو مخفی