ليس موقعاً عادياً، هل يعرف أحدكم كيف صُمم؟
ممكن عمله على الفلاش بسولة
لكن الإبداع يكمن في الرسومات
أما موضوع الاستمرارية وعدم الانقطاع فالأمر مشابه تماماً لعمل فيديو تكون فيه آخر لقطة مشابهة تماماً لأول لقطة ، فلا تشعر بالانقطاع عند تكراره ولا تعرف من أين يبدأ أو ينتهي
يتم تقريب الصورة حتي نسبة معينة تظهر صورة أخري مطابقة وتقرب حتي نقطة معينة وتظهر مابعدها وهكذا
$("#infotoggle").mousedown(function(){
if ($("#info").hasClass('closed')) {
$("#infotoggle").html('');
$('#infotoggle').animate({'left':'285px','opacity':1}, 400);
$('#info').animate({'left':'0px','opacity':1}, 400, function() {
$("#info").removeClass('closed');
$("#info").addClass('opened');
$("#infotoggle").html('«');
});
} else if ($("#info").hasClass('opened')) {
$("#infotoggle").html('');
$('#infotoggle').animate({'left':'8px','opacity':0.4}, 400);
$('#info').animate({'left':'-277px','opacity':0.0}, 400, function() {
$("#info").removeClass('opened');
$("#info").addClass('closed');
$("#infotoggle").html('»');
});
}
});
$(function(){
$('#inner-content-div').slimScroll({
height: '100%',
color: '#aaa',
alwaysVisible: true
});
});
لم أحاول فهم الكود حفاظا علي ما تبقي من تركيزي اليوم ^_^
*فعلا قمة الابداع في رسم الصور *
يمكنك عمله بسهولة بفلاش و لاكن تحتاج الى صور كثيرة او أن تكون صورة واحدة و لاكنها صعبة العمل و تصميمها يحتاج الى تقريب كبير جداً
صورة واحده تسبب مشاكل في التحميل والرام , أعتقد أن العمل تم بعدة صور وبإستخدام ال canvas والجافاسكريبت بحيث يتم تحميل الصورة وعند وصولها إلى نصف حجمها مثلا يتم تحميل الصورة الأخرى وتكون صغيرة في منتصف الصورة السابقه وتكبر معها إلى أن تصبح بحجمها الطبيعي تكون الصورة في المنتصف بنص حجمها (فل سكرين) فتختفي الصورة السابقه وهكذا
توجد الكثير من الطرق , لاكن العمل على الفلاش لن يحتاج على الى تعلم لغة برمجة فمثل هذه الأشياء الخاصة بالتكبير و الدوران و التحريك هذا هو عمل الفلاش الأساسي كما أنه يضهره بجودة كبيرة و يضهره كأنه فيديو أو شيء واقعي و لاكن لو أستخدمت تقنيات Php أو JavaScript ستكون صعبة و تحتاج الى أعادة الكود و نسخه و لصقه عدة مرات و تعديله وسيبدو كأنه شيء غير تفاعلي بل مجرد صور تتحرك كما سيكون التقريب فيه بعض التقطيع لأن تقنيات هذه اللغات تحتاج الى سرعة انترنت أما الفلاش فلا يحتاج الى سرعة انترنت عالية لتشغيله و هو ايضاً أجمل و أحلى , لكل شخص الحرية في الأختيار و لاكن أنصح بالفلاش
ملاحضة : الموقع :
تم عمله بواسطة تقنيات الـــ Php و ال JavaScript وكما تلاحض فأن صوره جودتها ليست كبيرة و فيها بعض التقطيع
و شكراً
أخي ال canvas هو تقنيه تستخدم نظام شبيه بالطريقة التي تستخدمها الفلاش , لذلك لم يعد الفلاش مهما كما كان سابقا ... الآن عن طريق ال canvas + js يمكنك عمل ألعاب وأمور كثيره شبيهه بالفلاش كالرسومات وهي أفضل من الفلاش بعدة مراحل ... أنظر إلى هذا الفيديو
وشاهد الفيديوهات المتعلقه أيضا للمزيد
ابحث عن
Infinite css3 zooming full screen image tutorial
لقد شاهده منذ فتره طريقه عملها علي احد المواقع ولكن لا أتذكره حاليا
التعليقات