ورود

View Full Version : hover روی تصاویر



yasharhi
پنج شنبه 02 مرداد 1393, 09:31 صبح
اگر به سایت زیر نگاه کنید وقتی به روی عکسهای قسمت
Our Gallery

Take a look at our practice and process of defining spa!

http://themeforest.net/item/dream-spa-responsive-beauty-salon-wp-theme/full_screen_preview/8324159

برید میبینید که روی عکس ها یک صفحه تشکیل میشه و چند تا دکمه ( لایک و بزرگ کردین عکس ) میاد .
این کار با css3 انجام میشه یا جاوا اسکریپت ؟
کسی کد این رو داره ؟

sina_000
پنج شنبه 02 مرداد 1393, 10:24 صبح
سلام دوست من.
تا جایی که من اطلاع دارم فناوری ای در Ajax وجود داره به نام ویجت کیت که این رو داره.
اما چون لینک سایت مورد نظر شما مشخص نشده من نتونستم سایت رو پیدا کنم.
بدون ایجکس فقط میتونید از لایت باکس استفاده کنید.که اگر بخواهید کد آن را قرار دهم.

yasharhi
پنج شنبه 02 مرداد 1393, 11:03 صبح
سلام دوست من.
تا جایی که من اطلاع دارم فناوری ای در Ajax وجود داره به نام ویجت کیت که این رو داره.
اما چون لینک سایت مورد نظر شما مشخص نشده من نتونستم سایت رو پیدا کنم.
بدون ایجکس فقط میتونید از لایت باکس استفاده کنید.که اگر بخواهید کد آن را قرار دهم.

ممنون . لطفا کد لایت باکس رو قرار بدید ؟ open source هست یا تجاری ؟

sina_000
پنج شنبه 02 مرداد 1393, 11:12 صبح
یک کد جیکوئریه.چندانم قضیه جدی نیست.:چشمک:
این فایل را دانلود کن و در میان فایل های سایتت بزار.
این فایل
(http://www.ijquery.ir/wp-content/uploads/2013/04/jquery-popup.zip)فایل ایندکس رو اجرا کن ببین همونه که میخوای؟
بعد توی صفحت کدایی که گفتمو وارد کناگرم که جی کوئری و سی اس اس بلدی که میتونی به دلخواه خودت ویرایشش کنی.
اطلاعات بیشترش توی این سایت هست:این سایت (http://www.ijquery.ir/lightbox/%D9%84%D8%A7%DB%8C%D8%AA-%D8%A8%D8%A7%DA%A9%D8%B3/)
اینم کدش:
اول css و jQuery رو فراخوانی میکنید.توی تگ head


<link rel="stylesheet" type="text/css" href="style.css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="popup.js"></script>



بعدش این کد رو به داخل بادی قرار بدید.بادی رم به این تبدیل کنید:<”;()body onload=”openOffersDialog>


<div id="wrapper">
<div id="overlay" class="overlay"></div>
<a onclick="openOffersDialog();">برای مشاهده پاپ آپ کلیک کنید</a>
<div id="boxpopup" class="box">
<a onclick="closeOffersDialog('boxpopup');" class="boxclose"></a>
<div id="content">
دنیای جی کوئری در بهمن ماه ۱۳۹۱ فعالیت خود را با هدف ایجاد منبعی برای دانلود سورس های آماده جی کوئری برای طراحان وب آغاز کرده است .وب سایت دنیای جی کوئری به عنوان اولین وب سایت در ایران به صورت تخصصی بر روی جی کوئری فعالیت میکند .فعالیت سایت به دو دسته تقسیم میشود :معرفی و دانلود جدید ترین example (مثال و سورس های آماده) جی کوئری همراه با دمو و آموزش و سورس .مستندات آموزشیبرای تک تک مثال هایی که در وب سایت ارسال میشود بخش دمو و دانلود سورس و آموزش استفاده در نظر گرفته ایم که این خود باعث سهولت برای طراحان وب شده است .۹۹٪ مثال هایی که در سایت ارسال میشود معمولاْ به صورت دو زبان فارسی و انگلیسی قرار داده شده است که برای طراحانی که قالب های راست چین یا چپ چین طراحی میکنند قابل استفاده باشد .
<a href="http://www.ijquery.ir/" title="ijquery - Free Jquery plugins,Javascript,CSS,html">www.ijquery.ir </a>
</div>
</div>
</div>




این یه نمونه بود.

(http://www.ijquery.ir/lightbox/%D9%84%D8%A7%DB%8C%D8%AA-%D8%A8%D8%A7%DA%A9%D8%B3/)

_mojitaba_
پنج شنبه 02 مرداد 1393, 11:47 صبح
سلام دوست من.
تا جایی که من اطلاع دارم فناوری ای در Ajax وجود داره به نام ویجت کیت که این رو داره.
اما چون لینک سایت مورد نظر شما مشخص نشده من نتونستم سایت رو پیدا کنم.
بدون ایجکس فقط میتونید از لایت باکس استفاده کنید.که اگر بخواهید کد آن را قرار دهم.

میشه با ای جکس یه مثال بزنی؟ من فک نکنم ربطی داشته باشه ها!
شما هم با css3 میتونید اون افکتارو ایجاد کنید هم از java script یا jquery
یه سرچ کنی photo hover caption effect برات میاد آموزشاش

sina_000
پنج شنبه 02 مرداد 1393, 12:05 عصر
دوست من گفتم که تا جایی که اطلاع دارم.یک افزونس بریا ایجکس به نام ویجت کیت تو اون افکت های مختلفی داره.