::: در حال بارگیری لطفا صبر کنید :::Loading , please wait ...

انجمن کدستانMoisrex

MoisrexMoisrex.rozblog.com
زمان جاریtime : شنبه 16 تیر 1403 - 7:09 بعد از ظهر
نام کاربریusername : پسوردpassword : یاor عضویتregister | رمز عبور را فراموش کردمForgot your password?
شما در سایت ما ثبت نام نکرده اید و یا وارد اکانت کاربری خود نشده اید. از شما خواهشمند هستیم You are not log in to site. Please وارد شویدlogin یاor ثبت نام کنیدregister .
آموزش خاصیت new Image در جاوااسکریپت
تعداد بازدیدvisits : 301
smaeal آفلاین



ارسال هاAnswers : 10648
عضویتRegistration date : 18 /11 /1392
حمایت کردهThanks : 18906
حمایت شدهThanked : 5424
آموزش خاصیت new Image در جاوااسکریپت

با سلام خدمت دوستان گرامی...

امروز میخوام به شما آموزش new image که در جاوا اسکریپت کاربرد داره،آموزش بدم...

اول یه توضیح کوچیک در مورد این تابع بدم...

شما با این تاپبع میتونین تصاویر خودتون رو به صورت مخفی لود کنین...چطور؟؟؟

خوب مثلاً شما یه عکس لودینگ دارین که میخواین وقتی کاربر مثلاً دکمه تشکر رو زد بلافاصله نمایش داده بشه...نه اینکه بعد از کلیک روی دکمه تازه تصویر لود بشه...

البته اینو بگم که این تابع،با تابعی که در سایت وجود داره فرق میکنه،آدرس اون پست که محمد قرار داده در زیر موجوده:

کد:
http://moisrex.rozblog.com/post/3466/

خوب حالا که طرز کار این تابع رو متوجه شدین بریم سر بحث در مورد این تابع:

برای شروع استفاده از این تابع یک تگ اسکریپت باز کرده و کد زیر رو در اون قرار میدیم:

کد:
var senimage=new Image();

senimage.src="آدرس تصویر شما";

خوب ما اول تابع رو مفهوم سازی کردیم و اونو توی senimage قرار دادیم،بعدش بهش فهموندیم که عکسی با src مورد نظر رو لود کنه...

در کل شما میتونین این کدی که الآن قرار میدم رو در سایت و در قسمت head قالب استفاده کنین:

کد:
<script>

var senimage=new Image();

senimage.src="تصویر1";

senimage.src="تصویر2";

</script>

البته دقت کنین که بیشتر از 3 عکس استفاده نکنین،چون حجم میره بالا و قالب میپاچه..

در ضمن دوستان ایراد نگیرن که «راه دیگه ای هم هست»..

اینو خودمم میدونم که راه های دیگه ای هم هست...مثلا این ابزاری هم که تو سایته مفیده ولی با حجم عکس برابری میکنه،اینم آدرسش:

کد:
http://moisrex.rozblog.com/post/3384


===================================================
برای تشکر از دکمه « سپاسگزارم » استفاده نمایید
جمعه 20 تیر 1393 - 08:24
وب کاربرUser's blog ارسال پیامsend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شدهThanks : سپاس هاThanks (1) : pershiadl -
pershiadl آفلاین



ارسال‌هاAsnwers : 231
عضویتRegistration date : 25 /8 /1391
حمایت کردهthanks : 68
حمایت شدهThanked : 58
پاسخAnswer 1 : آموزش خاصیت new Image در جاوااسکریپت

سلام

خیلی خوب بود:دی

منتظر بعدیام هستیم




.:من و تو تولز:. ابزار هایی که خودم ساختم و همشون خلاقانه ان:دی

جمعه 20 تیر 1393 - 08:41
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
smaeal آفلاین



ارسال‌هاAsnwers : 10648
عضویتRegistration date : 18 /11 /1392
حمایت کردهthanks : 18906
حمایت شدهThanked : 5424
پاسخAnswer 2 : آموزش خاصیت new Image در جاوااسکریپت

چشم داداش...


===================================================
برای تشکر از دکمه « سپاسگزارم » استفاده نمایید
جمعه 20 تیر 1393 - 08:41
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport



moisrex
درباره ماAbout us لینک های ماOur links کلمات کلیدیKeywords
انجمن تخصصی کدستان ، ساخته شده توسط فردی با نام مستعار Moisrex می باشد.This forum designed by a person who called Moisrex.

ایمیلE-mail : Moisrex @ Gmail.com
کدستان,انجمن کدستان,کدنویسی,انجمن پشتیبانی,فروم,رزبلاگ,آموزش کدنویسی,درخواست کد
تمامی حقوق این انجمن مربوط به همین انجمن می باشد | طراحی قالبCopyright (c) By Moisrex , All rights reserved | Desiger : Moisrex