لود همزمان تصاویر [بایگانی]

iekrang

یک شنبه 11 دی 1384, 10:01 صبح

http://www.bbc.co.uk/persian/news/story/2005/12/051231_ra-newyear-pic.shtml
اگر قسمت گزارش تصویری توی سایت بی بی سی رو دقت کنید موقع نمایش عکسها به نظر میرسه که هیچ زمانی برای رفتن به عکس بعدی لازم نداره.من چطور میتونم همچین صفحه ای بسازم؟

Behrouz_Rad

یک شنبه 11 دی 1384, 10:43 صبح

بسیار ساده است!
شبیه سازی تکنولوژی AJAX رو در اون قسمت شاهد هستید...
تک تک تصاویر در DIV های مختلف قرار دارند و در زمان لود صفحه، خاصیت display تمامی DIV ها به جز DIV درخواستی که دربرگیرنده ی عکس مورد نظر است، برابر با none قرار داده شده است و تصاویر در پشت صحنه لود می شوند.
گفته ی فوق در سورس صفحه کاملا مشهود است. مثال:

document.getElementById('picGalleryNoScript_7').st yle.display = 'none';

تابع جاوا اسکریپتی نیز با نام (showDiv(n نوشته شده شده که پارامتر n، پذیرای شماره ی DIV ای است که قصد نمایش آن را داریم.
موفق باشید.

iekrang

یک شنبه 11 دی 1384, 11:13 صبح

ممنون از توجهتون. فقط درست متوجه نشدم.
من می خواهم این صفحه رو با دیتالیست پیاده سازی کنم.یعنی من باید برای هر عکس یک تگ div قرار بدم و با استفاده از اون تابع none کنم خاصیتشونو؟

Behrouz_Rad

دوشنبه 12 دی 1384, 11:08 صبح

می تونید با استفاده از Repeater یا DataList پیاده سازی کنید.