خوب همونطور که داریوش جان گفت تقریبا انجام میشه ولی این موضوع در صورتیه که تنظیمات مرورگر درست باشن .. ولی یه روش میگم که کاری به مرورگر نداره و در این صورت اگر کاربر به وب سایت شما مراجعه کنه تصاویر در catch ذخیره شده و دفعات بعد که به سایت شما مراجعه کنه تصاویر از روی هارد خوده کاربر لود میشن و نه از روی سرور..
ابتدا تگ script رو به صورت زیر در قسمت head صفحه html بنویسید
کد:
برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
حالا به این طریق که میگم کدهایی رو باید مابین تگ های script وارد کنی :
برای هر تصویر باید دو خط اسکریپت بنویسیم.. خط اول اندازه تصویر رو مشخص میکنه (طول و عرض تصویر) و اینکه یک محل منطقی برای تصویر به وجود میاره( در واقع یک جا برای تصویر مورد نظر ما رزرو میکنه. . )
خط دوم آدرس تصویر مورد نظر هست.. شکل کلی دوخط کد مورد نظر به صورت زیر هست :
کد:
برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
نحوه کار به این صورت هست که یه اسم برای تصویر مورد نظر انتخاب میکنی به عنوان مثال برای تصویر فرضیه pic1064.jpg نامی به عنوان mynewpic انتخاب میکنیم برای اینکار خصوصیت name را در تگ img برابر اسم انتخابی قرار میدیم :
کد:
برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
حالا باید دو خط مربوصه که در اول در موردش صحبت کردیم رو تکمیل کنیم... در هر دو خط به جای عبارت Lable اسم انتخابی رو مینویسیم( همان اسم که در قسمت name برای تگ img نوشته بودیم)
در خط اول به جای height ارتفاع تصویر و به جای width پهنای تصویر رو می نویسیم .
در خط دوم هم در قسمت image address ادرس تصویر مورد نظر رو مینویسیم.
مثلا برای تصویر فرضی که گفتیم دو خط به صورت زیر تکمیل میشن :
کد:
برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
اینکار رو برای هر تصویر مورد نظر باید انجام بدی....
این روش فقط برای اینکه صفحات وب زودتر لود بشن نیست بلکه خیلی استفاده های دیگه ای میشه ازش کرد که اگه یه کم javascript بلد باشیم میتونیم ازش استفاده کنیم.... مثلا برای اینکه وقتی موس روی یه تصویر رفت اون تصویر تغییر کنه ( مخصوصا برای button های صفحه وب)
بازم اگه مشکلی بود بگو