ورود

View Full Version : نمایش عکس ها با کلیک next



SRS534
شنبه 27 مهر 1387, 11:50 صبح
سلام
با کدهای java script چگونه می شود با کلیک بر روی یک دکمه یا خود عکس عکس بعدی نمایش داده شود مثل
http://www.imdb.com/media/rm256218112/rg667785728

as13851365
یک شنبه 28 مهر 1387, 08:29 صبح
اگر می خواهی با هر بار کلید یک عکس جدیدی ( بعدی - قبلی ) نمایش داده بشه

یک راهش این است که شما از آرایه استفاده کنید .

یعنی آدرس تمام عکس ها رو توی یک متغییر از نوع آرایه بریزی و با هر بار کلیک شما یک خانه از آرایه رو می خونید و مقدارش رو به مقدار src عکس پاس می دید همین!

شما دقیقا بگید کجای کار مشکل دارید تا بهتر به جواب برسید !

SRS534
دوشنبه 29 مهر 1387, 08:38 صبح
با تشکر از توجهتون
مشکا اینجا است من با کدهای JAVASCRIPT آشنایی ندارم .می فرمایید در آرایه آدرس عکس ها را بریزم .در ضمن فکر نمیکنم قرار دادن هر عکس در هر صفحه کار منطقی ودرستی باشد.
در ضمن می خوام اسکریپت سمت کاربر باشد اگه بغیر از جاوا اسکریپت روش دیگری است میشه بگید

as13851365
دوشنبه 29 مهر 1387, 10:09 صبح
مشکا اینجا است من با کدهای JAVASCRIPT آشنایی ندارم
خوب باید از یه جایی شروع کنید .
فکر نکنم جاوااسکریپت چیز زیادی داشته باشه اگر کمی باهاش کار کنی فکر کنم به خواسته هایت برسی


می فرمایید در آرایه آدرس عکس ها را بریزم .در ضمن فکر نمیکنم قرار دادن هر عکس در هر صفحه کار منطقی ودرستی باشد.
خوب به نظر شما باید چه کار کرد ؟



در ضمن می خوام اسکریپت سمت کاربر باشد اگه بغیر از جاوا اسکریپت روش دیگری است میشه بگید

سوال شما خیلی بی محتوا است !
از یک طرف می گید که فکر نمیکنم قرار دادن هر عکس در هر صفحه کار منطقی ودرستی باشد از طرفی می گید که در ضمن می خوام اسکریپت سمت کاربر باشد اگه بغیر از جاوا اسکریپت روش دیگری است میشه بگید آدم می مونه به شما چه جوابی بده !

شما دو کارمی تونید انجام بدید
1 ) یا در کامیپوتر کاربر عکس ها رو یکی یکی لود کنید
2 ) یا از سرور برای لود کردن عکس ها استفاده کنید

توضیح 1 : شما می تونید از یک آرایه استفاده کنید و یا کلا از همچین روش هایی استفاده کنید یعنی نام و آدرس عکس ها رو در یک تابع از جاوااسکریپت قرار بدید و با انتخاب دکمه بعدی و یا قبلی این تابع رو با پارامترهایش فراخوانی کنید و عکس مربوطه رو در صفحه لود کنید در ضمن برای این کار هم لازم نیست که کلیه عکس ها در کامیپوتر کاربر یک بار ذخیره بشه فقط آدرسهای عکس رو در آرایه قرار می دید که با انتخاب کاربر عکس بعدی از سایت و یا سرور و یا هر جایی که آدرسش رو قرار دادید لود می شه

توضیح 2 : در این باره شما یک جدول ایجاد می کنید و نام و آدرس تمام عکس ها رو داخلش قرار می دید و با انتخاب کاربر عکس بعدی رو به کاربر ارسال می کنید

ولی در حالت کلی به نظر من روش اول بهتر از بقیه روش ها است . هر چند که به خود شما بستگی داره که از کدام روش استفاده کنید

ولی همان گونه که دوست عزیز tarhebartar جان گفتند :

دوست عزیز این هزار تا راه داره

که خودتان باید یکی رو بسته به کارتون انتخاب کنید حالا اگر باز سوالی داشتید بگید .

SRS534
سه شنبه 30 مهر 1387, 08:00 صبح
.
در ضمن گذاشتن عکس توی هر صفحه برای شما که هیچی بلد نیستی بهترین کاره.

!!!!!!!!!!!!!!!!!!!!!!!!!!!

فکر میکنم همه برای یادگیری در این سایت عضو هستیم
تشکر از لطف و راهنمایتان

SRS534
سه شنبه 30 مهر 1387, 11:24 صبح
مشکل من حل شد با استفاده از frontpage کدش را برای دوستانی که با این مشکل مواجه می شوند ارسال میکنم
به نظر من گذاشتن هر عکس در هر صفحه و صدا کردن آن باعث می شود تمام صفحه از طرف سروز دوباره load شود و راه حل خوبی نیست ولی میتوانیم کدی بنویسیم که فقط عکس load شود

as13851365
سه شنبه 30 مهر 1387, 15:53 عصر
فکر میکنم همه برای یادگیری در این سایت عضو هستیم
ایکاش همه برای همین منظور اینجا می آمدند ( نه مثل بعضی ها که کارشون اذیت کردنه !!! )


به نظر من گذاشتن هر عکس در هر صفحه و صدا کردن آن باعث می شود تمام صفحه از طرف سروز دوباره load شود و راه حل خوبی نیست ولی میتوانیم کدی بنویسیم که فقط عکس load شود

صبر کن ببینم مگه من چیزه دیگه ای گفتم ؟


توضیح 1 : شما می تونید از یک آرایه استفاده کنید و یا کلا از همچین روش هایی استفاده کنید یعنی نام و آدرس عکس ها رو در یک تابع از جاوااسکریپت قرار بدید و با انتخاب دکمه بعدی و یا قبلی این تابع رو با پارامترهایش فراخوانی کنید و عکس مربوطه رو در صفحه لود کنید در ضمن برای این کار هم لازم نیست که کلیه عکس ها در کامیپوتر کاربر یک بار ذخیره بشه فقط آدرسهای عکس رو در آرایه قرار می دید که با انتخاب کاربر عکس بعدی از سایت و یا سرور و یا هر جایی که آدرسش رو قرار دادید لود می شه


شما اگر از جاوا اسکریپت استفاده می کردید خیلی حرفه ای زیباتر هم بود !
اندازه فایلی که گذاشتی 1.5 مگابایت است مگه چی توش داره ؟ ( نکنه همه عکس ها رو هم آپلود کردی ؟ )

این هم یک نمونه کد ساده که شما متناسب با درخواست شما است : ***در ضمن می خوام اسکریپت سمت کاربر باشد اگه بغیر از جاوا اسکریپت روش دیگری است میشه بگید***



<body onload="akse(1)">
<script language="javascript" type="text/javascript">
s=new Array();
s[0]='akse/0.png';
s[1]='akse/1.png';
s[2]='akse/2.png';
s[3]='akse/3.png';
s[4]='akse/4.png';
s[5]='akse/5.png';
s[6]='akse/6.png';
s[7]='akse/7.png';
s[8]='akse/8.png';
s[9]='akse/9.png';
s[10]='akse/10.png';
x=0;
function akse(i)
{
if(i==1)
{
x++;
if(x>10)x=0;
document.getElementById('akse1').src=s[x];
}
if(i==0)
{
x--;
if(x<0)x=10;
document.getElementById('akse1').src=s[x];
}
}
</script>
<div align="center">
<div style="width:400px;height:300px;border:groove thin #33FF00">
<img src="" id="akse1"/>

</div>
<input type="button" value="back" onclick="akse(0)"/>
<input type="button" value="next" onclick="akse(1)"/>
</div>
</body>