ربما كنت قد رأيت أثر الاليكتروني في العمل أثناء سفرك على شبكة الإنترنت ، على الرغم من أنك قد لا يكون معروفا ان كان يسمى الاليكتروني. أساسا ، ينقر الزائر على صورة مصغرة من معرض الصور ، وأكبر الاسم يظهر في أعلى الصفحة ، ويعتم على محتوى الصفحة وراء ذلك. هذا التأثير على نطاق واسع تستخدم يجعل من استخدام مسج وكان تأليفه في الأصل من قبل لياندرو فييرا بينيو. وسيتم تشغيل التأثير الفعلي الاليكتروني التشعبية التي وضعناها على صفحتنا. انهم بقعة جدا ، وفي هذا البرنامج التعليمي ، وأنت تسير لتعلم كيفية بناء واحد في دريمويفر !

الخطوة 1

الأولى ، وتأكد من تحميل ملفات المشاريع لهذا البرنامج التعليمي. بفك الملف وتخزين الملفات المشروع في الموقع الذي عليك أن تتذكر ، مثل سطح المكتب. داخل المشروع ملفات مجلد ستجد 2 أكثر من المجلدات ، "الأصول" و "الصور". أنها تحتوي على جميع العناصر سنحتاج.

الخطوة 2

الآن ، والمضي قدما وبدء دريمويفر واختيار الموقع

الخطوة 3

المقبل ، وخلق علامة تجارية جديدة ملف فارغ ، والوجه في عرض المدونة ؛ ثم لصق

هذا الرمز يحتوي على روابط لجافا سكريبت وملفات CSS الخارجية التي سوف تحتاج صفحتنا ، وكذلك بعض وظائف إضافية. تأكد من حفظ الملف في المجلد الذي يعرف بأنه موقع أعلاه.

الخطوة 4

الآن نحن على استعداد للهيكل الصفحة ، على أن يكون ، والإطار التي سوف تعقد مصغرات لدينا. المضي قدما ولصق

كما ترون ، هناك الخارجي "lightboxgallery"

الخطوة 5

الآن نحن بحاجة مصغرات لدينا. انخفاض المؤشر الى المصغرة first

الخطوة 6

مع مصغرات لدينا في مكان ، انه حان الوقت لادراك التعادل ، كل شيء معا والحصول على السيناريو يحدث الاليكتروني. كما ذكر سابقا ، فإن السيناريو لدينا الاليكتروني ستكون أثار مع الارتباطات التشعبية ، ولذا فإننا سوف نذهب ومجموعة وصلات للنسخ أكبر من كل صورة ومن ثم اختبار النتائج التي حققناها.

الوجه الى تصميم عرض ، حدد صورة مصغرة first الرسم ، ثم على المفتش خصائص انقر فوق "استعراض للبحث عن ملف" (رمز المجلد بجانب حقل ارتباط). انتقل إلى حجم الصورة المقابلة الكاملة في مجلد "الصور". في هذه الحالة ، "fullsize1.jpg". كرر ذلك لكل المصغرة ، وربط كل لنظيره حجمها الكامل.

الخطوة 7

نحن في النهاية على استعداد لاختبار الامور! حفظ الملف الخاص بك ، ثم اختر ملف

تحقق من هذه

إنشاء ملفات الصور معرض المشاريع الاليكتروني