کد آماده :: لود عکسها با jQuery - نسخهی قابل چاپ +- انجمن عمومی گسترش فناوری آگو (http://forums.ago.ir) +-- انجمن: انجمن های عمومی گسترش فناوری آگو (/forumdisplay.php?fid=1) +--- انجمن: برنامه نویسی (/forumdisplay.php?fid=13) +--- موضوع: کد آماده :: لود عکسها با jQuery (/showthread.php?tid=2415) |
کد آماده :: لود عکسها با jQuery - agotd - 04-22-2014 12:05 AM شاید برای شما هم این مشکل پیش اومده باشه که به عنوان مثال برای یک تگ a یک تصویر پس زمینه میذارید و میخواید هنگامی که موس میره روی این تگ تصویر عوض شه. خب این کار خیلی ساده است : کد: <a href="" class="post"> و استایل CSS : کد: .post{ و برای hover : کد: .post:hover{ برای حل این مشکل میتونیم از jQuery کمک بگیریم . به اینصورت که هنگامی که صفحه داره لود میشه عکس دوم رو هم لود کنیم اما نمایشش ندیم. برای اینکار میتونید از تابع زیر استفاده کنید : کد: function preload(arrayOfImages) { خب برای استفاده از این تابع کافیه که به صورت زیر عمل کنیم : کد: preload([ با این کار تمام عکسهایی که به صورت آرایه به این تابع پاس میدیم در هنگام لود شدن صفحه بارگذاری میشن و مشکل بالا دیگه پیش نمیاد. میتونیم تابع بالا رو به صورت یک پلاگین جی کوئری بنویسیم ، به صورت زیر : کد: $.fn.preload = function() { و به صورت زیر ازش استفاده کنیم : کد: $(['img1.jpg','img2.jpg','img3.jpg']).preload(); موفق باشید. |