پرش به


تصویر

درخواست بزرگ شدن عکس هنگام حرکت موس


  • لطفا وارد حساب کاربری خود شوید تا بتوانید پاسخ دهید
13 پاسخ برای این موضوع

#1 esfahanfishing

esfahanfishing

    عضو سایت

  • عضو سایت
  • ستارهستاره
  • 84 ارسال

ارسالی 1390/09/10 ساعت 19:09

با عرض سلام و خسته نباشید
من می خواستم که وقتی بر روی عکسها با موس می رویم عکس بزرگ شود و به جلو بیاید
مثل این سایت

http://fishing.youhosting.ir/

که از قالب سبز در این لینک استفاده کرده

http://www.datalifeengine.ir/extension/themes/

من می خواستم اگر ممکنه بهم بگین چطوری این عمل را در قالبی دیگر به وجود بیاورم
ضمنا در این سایت و قالب فقط وقتی بر روی عکسهایی که لینک دارد می رویم بزرگ می شود
ولی من میخواهم بر روی همه عکسها این عمل صورت گیرد


در صورتیکه می دانید لطفا کمکم کنید من خیلی به این هک نیاز دارم

با تشکر فراوان

  • 0

#2 Eh3an

Eh3an

    مدیر بخش ماژول ها

  • مدیر
  • 1,742 ارسال
  • محل سکونت: ایران - اردبیل
  • مهارت ها: HTML, CSS, js, SQL, PHP, SEO

ارسالی 1390/09/10 ساعت 19:19

esfahanfishing,
سلام دوست عزیز ، این هک نیست بلکه روی سیستم شما وجود دارد !
شما به هنگام ارسال مطلب ، از آپلود سایت استفاده کنید و تیک "ایجاد تصویر کوچک (به صورت Thumb)" رو قرار بدین !
موفق باشید
  • 0

#3 esfahanfishing

esfahanfishing

    عضو سایت

  • عضو سایت
  • ستارهستاره
  • 84 ارسال

ارسالی 1390/09/12 ساعت 09:39

سلام تشکر از پاسخ شما
تیک ایجاد تصویر کوچک فعال است
ولی ایجاد نمی شود

راه دیگه وجود نداره
ضمنا این سایت مطالب حاوی تصاویر را از سایتهای دیگه کپی کرده و باز هم بزرگ میشه
ربطی به اینکه میگید باید از داخل سایت اپلود بشه نداره

اگه راه حل دیگه دارید لطفا بهم بگید این که گفتید کار نکرد
تشکر
  • 0

#4 Eh3an

Eh3an

    مدیر بخش ماژول ها

  • مدیر
  • 1,742 ارسال
  • محل سکونت: ایران - اردبیل
  • مهارت ها: HTML, CSS, js, SQL, PHP, SEO

ارسالی 1390/09/12 ساعت 10:30

esfahanfishing,
من وقتی جواب سوال شما رو دادم سایت مربوطه بالا نمیومد ولی الان که بالا اومد نگاه کردم از کدهای css استفاده کرده !
  • 0

#5 esfahanfishing

esfahanfishing

    عضو سایت

  • عضو سایت
  • ستارهستاره
  • 84 ارسال

ارسالی 1390/09/12 ساعت 10:44

سلام ایا کسی کدهای css مربوط به بزرگ شده عکس را دارد؟
  • 0

#6 mahdi86

mahdi86

    کاربر فعال انجمن

  • عضو سایت
  • ستارهستارهستاره
  • 247 ارسال

ارسالی 1390/09/12 ساعت 13:16

Ehsansetarehdan,
کسی فهمید؟ :heheh:
esfahanfishing,
کد سی اس اسش هست تو گوگل بزنی ولی من یه جور کد دارم که وقتی ماوس میاد رو عکس یه عکس دیگه باشه وقتیم میره یه عکس دیگه اگه اونو خواستی پی ام بده چون باید برم نصف هاستمو زیرورو کنم موفق باشی عزیز :flower:
  • 0

#7 progpars

progpars

    پروفشنال

  • عضو سایت
  • ستارهستارهستارهستاره
  • 647 ارسال

ارسالی 1390/09/12 ساعت 15:09

esfahanfishing,
سایت برای من باز نشد فک کنم نتم مشکل داره!

ولی در کل برای زوم چند تا راه داری .
هم با css میتونی این کارو بکنی که ساده ترین راهش استفاده از کد زیر برای class یا id :

img:hover{width:1000px; height:1000px;}


در کد بالا با بردن موس روی عکس یک دفعه بزرگ میشه اما اگر بخوای با همون css عکس آروم آروم بزرگ بشه کدش هست ولی روی ie و کروم فک نمیکنم جواب بده .

راه حل دوم هم استفاده از جی کوئری هست میتونی گوگل سرچ کنی jquery Image Effects
یا jquery Image zoom Effects
یا به لینک زیر مراجعه کنید . اونجا پیداش کنید .




موفق باشی :flower:
  • 0

#8 esfahanfishing

esfahanfishing

    عضو سایت

  • عضو سایت
  • ستارهستاره
  • 84 ارسال

ارسالی 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
  • 0

#9 Eh3an

Eh3an

    مدیر بخش ماژول ها

  • مدیر
  • 1,742 ارسال
  • محل سکونت: ایران - اردبیل
  • مهارت ها: HTML, CSS, js, SQL, PHP, SEO

ارسالی 1390/09/12 ساعت 17:54

نقل قول: mahdi86
کسی فهمید؟ :heheh:

متوجه منظورتون نشدم ؟!!!!
  • 0

#10 esfahanfishing

esfahanfishing

    عضو سایت

  • عضو سایت
  • ستارهستاره
  • 84 ارسال

ارسالی 1390/09/12 ساعت 18:41

یعنی هیچکس بلد نبود !!!!!!!!!!!!!!!!! :question:
  • 0

#11 esfahanfishing

esfahanfishing

    عضو سایت

  • عضو سایت
  • ستارهستاره
  • 84 ارسال

ارسالی 1390/09/13 ساعت 07:36

:narahat:

سلام این کد را از یه سایت گرفتم
کجا باید قرار ش بدم در فایل مین تی پی ال گذاشتم کار نکرد

-------------------------------------------------------------------------------

با این کد می توان تصاویر را در زمانی که موس رویشان قرار می گیرد به میزان دلخواه به گردش درآورد ، دزست مانند تصویر زیر و دیگر تصاویر سایت:





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

#12 13770923

13770923

    کاربر فعال انجمن

  • عضو سایت
  • ستارهستارهستاره
  • 298 ارسال

ارسالی 1390/09/13 ساعت 08:57

esfahanfishing,
اصلا پست هات بهم نمی خوره تو میگی میخوام موس بیاد روش بزرگ بشه اما سایتی که دادی این طوری نیست موس میاد روش دورش یه کادر زیبا میاد این کار به راحتی بانصب ماژول لینک های بازیگوش می تونی انجام بدی نیاز به کدی هم نیست
  • 0

#13 esfahanfishing

esfahanfishing

    عضو سایت

  • عضو سایت
  • ستارهستاره
  • 84 ارسال

ارسالی 1390/09/13 ساعت 08:58

هر کاری که می دونید بگید که عکسها از حالت ساده و عادی خارج بشه و یه کاری بکنه حالا هر کاری شد شد
  • 0

#14 13770923

13770923

    کاربر فعال انجمن

  • عضو سایت
  • ستارهستارهستاره
  • 298 ارسال

ارسالی 1390/09/13 ساعت 09:34

esfahanfishing,
به کاربر (alisoftware) یه pm بده بهت میگه ماژولش کجاست چون ارسال کنندش ایشون بودن من گمش کردم اینو نصب کنی به محض اومدن موس روی عکس یه کادر زیبا دورش میاد من تعجبم که ما شالله این کاربران چرا این طوری راهنمایی کردن !!!!!!!!!!!!!!!!!!!!!
  • 0


0 کاربر در حال خواندن این موضوع است

0 کاربر، 0 مهمان و 0 عضو مخفی