PDA

View Full Version : بزرگ شدن تصویر به هنگام آمدن موس بر روی عکس


amin_sltny
شنبه 25 آذر 1391, 17:52 عصر
سلام دوستان

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


با تشکر از تمامی دوستان
khanlo.javid
شنبه 25 آذر 1391, 18:00 عصر
دوست عزیز به این صفحه مراجعه کنید :

لینک (http://css3.host22.com/p.html)


موفق باشید.
Joyebright
شنبه 25 آذر 1391, 18:02 عصر
دوست عزیز هرگونه عکس العملی که شما می خواید روی تصویرتون یا div شما اتفاق بیافته رو می تونید به این دستور انجام بدید.

مثلاٍ اسم id شما test هست :

#test : hover {

//دستور العمل شما

}

و کد :

بزرگ نمایی{

transition:0.5s; }

بزرگ نمایی:hover{

transform: scale(1.4) ; }
ravand
شنبه 25 آذر 1391, 21:08 عصر
دوست عزیز هرگونه عکس العملی که شما می خواید روی تصویرتون یا div شما اتفاق بیافته رو می تونید به این دستور انجام بدید.

مثلاٍ اسم id شما test هست :

#test : hover {

//دستور العمل شما

}

و کد :

بزرگ نمایی{

transition:0.5s; }

بزرگ نمایی:hover{

transform: scale(1.4) ; }

این روشی که شما گذاشتید میشه برای مرورگرهایی استفاده کرد که از css3 پشتیبانی میکنن وقتی دیگر مرورگر ها پشتیبانی نمیکنن استفاده اش چه ارزشی داره؟:لبخند:
fahmari
شنبه 25 آذر 1391, 21:20 عصر
از این می تونید استفاده کنید :

96740
amin_sltny
شنبه 25 آذر 1391, 21:38 عصر
ضمن تشکر از دوستان

منظور من متحرک سازی تصویر نیست منظورم بیشتر اینه که وقتی کاربر روی تصویر می آید تصویر اصلی را داخل همان صفحه به کاربر نشان بده
ravand
شنبه 25 آذر 1391, 21:38 عصر
از این می تونید استفاده کنید :

96740

این کد رو دو دقیقه پیش یکی از بچه ها بهم داد این روش اصلا زیبایی نداره و ازش استفاده نکنی بهتره . این کار رو با یه hover ساده هم میشه کرد.
بگردید یه چیز قشنگ تر پیدا کنید .
مثلا این سایت رو ببینید: http://www.mehr-design.ir/
ماوس رو ببرید روی تصویر . من با مرورگرهای معروف: سفری ، کروم ، اکسپلورر ، فایرفاکس ، اپرا چک کردم مشکلی نداشت.
fahmari
شنبه 25 آذر 1391, 22:07 عصر
این کد رو دو دقیقه پیش یکی از بچه ها بهم داد این روش اصلا زیبایی نداره و ازش استفاده نکنی بهتره . این کار رو با یه hover ساده هم میشه کرد.
بگردید یه چیز قشنگ تر پیدا کنید .
مثلا این سایت رو ببینید: http://www.mehr-design.ir/
ماوس رو ببرید روی تصویر . من با مرورگرهای معروف: سفری ، کروم ، اکسپلورر ، فایرفاکس ، اپرا چک کردم مشکلی نداشت.

دوست عزیز فایلی که من ضمیمه کردم دقیقا به همین شکل عمل میکنه!!!
Joyebright
دوشنبه 27 آذر 1391, 14:03 عصر
این روشی که شما گذاشتید میشه برای مرورگرهایی استفاده کرد که از css3 پشتیبانی میکنن وقتی دیگر مرورگر ها پشتیبانی نمیکنن استفاده اش چه ارزشی داره؟:لبخند:
دوسته عزیز یه نگاه به این لینک کن ببین این property تو چه مرورگرهای پشتیبانی میشه با این حال تعجبم از اینه که مرورگر شما چیه که اینط.ری می گی؟!:متفکر:
http://www.w3schools.com/cssref/css3_browsersupport.asp
meysam90.3
سه شنبه 21 خرداد 1392, 11:52 صبح
سلام اقا دستتون درد نكنه. من دنبال يه كد مثل شما بودم كه يه سايتي معرفي كرديد رفتم از اونجا برداشتم الانم گذاشتم داخل سايتم. اين ادرسشه
http://exad.ir/index.php/en/mey11/mey11
moalla
سه شنبه 21 خرداد 1392, 12:08 عصر
راستش مثل خیلی تاپیکهای دیگه سوال خیلی کلی و مبهم مطرح شد و بعد از چندتا جواب تازه دوستان میفهمن منظور سوال کننده چی بود! دوبار توی stackoverflow سوال مطرح کنید و امتیازاتون بیاد پایین و سوال بسته بشه شیوه کار دستتون میاد!
راستی آقا میثم شما که از جوملا برای سایتت استفاده کردی گزینه های خیلی بهتری داشتی برای این کار. کامپیوننت phoca gallery که ترجمه فارسی هم داره امکاناتش خیلی زیاد و کاری که شما میخواستی رو هم تا جایی که یادم میاد انجام میداد و یه گالری حرفه ای بهتون تحویل میده. پیشنهاد میکنم از اون استفاده کنید
meysam90.3
سه شنبه 21 خرداد 1392, 12:29 عصر
سلام. مرسي. راستش من اينو نساختم.فقط الان اولين باره دارم تغيرات ميدم داخلش. مرسي كه گفتي. كلي سختم بود كد اون وبسايتو بردارم براي خودم خدا خيرت بده الان ميرم ببينم چجوريه:لبخندساده:
meysam90.3
چهارشنبه 22 خرداد 1392, 17:24 عصر
سلام راستي اينم كدي بود كه من اول ازش استفاده كردم.
<head>
<script src="http://www.mehr-design.ir/Mehr_D-esign/Reza_JvS/magiczoom.js" type="text/javascript"></script>
</head>
<body>
<a href="http://exad.ir/t2.jpg" title="exad.ir" class="MagicZoom">
<img src="http://exad.ir/dl/g6.jpg" height="180px" width="152px" alt="exad.ir" style="border:none;"/></a>
mona azarakhsh
چهارشنبه 29 دی 1395, 16:45 عصر
من فایل رو دانلود کردم اما چجوری از کدش استفاده کنم!؟ source رو برداشتم اما متوجه نشدم چجوری استفاده کنم