سلام دوستان
امیدوارم روز خوبی را گذرانده باشید.
اگه میشه کمکم کنید و بهم بگید با چه کدی می تونم عمل بزرگ شدن عکس را هنگامی که کاربر برروی عکس کلیک می کند یا موس روی عکس می آید را انجام دهم
با تشکر از تمامی دوستان
بزرگ شدن تصویر به هنگام آمدن موس بر روی عکس
سلام دوستان
امیدوارم روز خوبی را گذرانده باشید.
اگه میشه کمکم کنید و بهم بگید با چه کدی می تونم عمل بزرگ شدن عکس را هنگامی که کاربر برروی عکس کلیک می کند یا موس روی عکس می آید را انجام دهم
با تشکر از تمامی دوستان
دوست عزیز به این صفحه مراجعه کنید :
لینک
موفق باشید.
دوست عزیز هرگونه عکس العملی که شما می خواید روی تصویرتون یا div شما اتفاق بیافته رو می تونید به این دستور انجام بدید.
مثلاٍ اسم id شما test هست :
#test : hover {
//دستور العمل شما
}
و کد :
بزرگ نمایی{
transition:0.5s; }
بزرگ نمایی:hover{
transform: scale(1.4) ; }
این روشی که شما گذاشتید میشه برای مرورگرهایی استفاده کرد که از css3 پشتیبانی میکنن وقتی دیگر مرورگر ها پشتیبانی نمیکنن استفاده اش چه ارزشی داره؟نوشته شده توسط Joyebright
نقل قول: بزرگ شدن تصویر به هنگام آمدن موس بر روی عکس
از این می تونید استفاده کنید :
zoom.rar
ضمن تشکر از دوستان
منظور من متحرک سازی تصویر نیست منظورم بیشتر اینه که وقتی کاربر روی تصویر می آید تصویر اصلی را داخل همان صفحه به کاربر نشان بده
این کد رو دو دقیقه پیش یکی از بچه ها بهم داد این روش اصلا زیبایی نداره و ازش استفاده نکنی بهتره . این کار رو با یه hover ساده هم میشه کرد.
بگردید یه چیز قشنگ تر پیدا کنید .
مثلا این سایت رو ببینید: http://www.mehr-design.ir/
ماوس رو ببرید روی تصویر . من با مرورگرهای معروف: سفری ، کروم ، اکسپلورر ، فایرفاکس ، اپرا چک کردم مشکلی نداشت.
دوست عزیز فایلی که من ضمیمه کردم دقیقا به همین شکل عمل میکنه!!!
دوسته عزیز یه نگاه به این لینک کن ببین این property تو چه مرورگرهای پشتیبانی میشه با این حال تعجبم از اینه که مرورگر شما چیه که اینط.ری می گی؟!این روشی که شما گذاشتید میشه برای مرورگرهایی استفاده کرد که از css3 پشتیبانی میکنن وقتی دیگر مرورگر ها پشتیبانی نمیکنن استفاده اش چه ارزشی داره؟
http://www.w3schools.com/cssref/css3_browsersupport.asp
سلام اقا دستتون درد نكنه. من دنبال يه كد مثل شما بودم كه يه سايتي معرفي كرديد رفتم از اونجا برداشتم الانم گذاشتم داخل سايتم. اين ادرسشه
http://exad.ir/index.php/en/mey11/mey11
راستش مثل خیلی تاپیکهای دیگه سوال خیلی کلی و مبهم مطرح شد و بعد از چندتا جواب تازه دوستان میفهمن منظور سوال کننده چی بود! دوبار توی stackoverflow سوال مطرح کنید و امتیازاتون بیاد پایین و سوال بسته بشه شیوه کار دستتون میاد!
راستی آقا میثم شما که از جوملا برای سایتت استفاده کردی گزینه های خیلی بهتری داشتی برای این کار. کامپیوننت phoca gallery که ترجمه فارسی هم داره امکاناتش خیلی زیاد و کاری که شما میخواستی رو هم تا جایی که یادم میاد انجام میداد و یه گالری حرفه ای بهتون تحویل میده. پیشنهاد میکنم از اون استفاده کنید
سلام. مرسي. راستش من اينو نساختم.فقط الان اولين باره دارم تغيرات ميدم داخلش. مرسي كه گفتي. كلي سختم بود كد اون وبسايتو بردارم براي خودم خدا خيرت بده الان ميرم ببينم چجوريه
سلام راستي اينم كدي بود كه من اول ازش استفاده كردم.
<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>
من فایل رو دانلود کردم اما چجوری از کدش استفاده کنم!؟ source رو برداشتم اما متوجه نشدم چجوری استفاده کنم
قوانین ایجاد تاپیک در تالار
پاسخ با نقل قول