لائحة الطعام
مجاني
تحقق في
الرئيسية  /  الأنترنيت / معرض jQuery بسيط مع الملاحة. معرض الصور على جيعي

معرض جيسي بسيط مع الملاحة. معرض الصور على جيعي

بواسطة ديمتري سيمينوف.
هو معرض صور jQuery ومكونات شريط التمرير المحتوى. إنها مستجيبة تماما ولديها ولها بنية وحدات تتيح لك تضمين الميزات التي تحتاجها فقط لتحسين حجم الملف والأداء.

بواسطة أندي - coffeescripter
معرض قابلة للتخصيص للغاية / عرض عرض جيس.

بواسطة ترينت.
Galleriffic هو مكون إضافي يوفر تجربة مجانية غنية بعد الظهر محسنة للتعامل مع مجلدات عالية من الصور أثناء الحفاظ على عرض النطاق الترددي.

معرض Tonic - جيوري XML Portfolio Gallery | 6 دولارات.

بواسطة آينو.
جاليريا هي إطار معرض صور جافا سكريبت بنيت على رأس مكتبة مسج. الهدف هو تبسيط عملية إنشاء معارض الصور المهنية لأجهزة الويب والجوال.

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

من توماس كان.
Smooth Div Scroll هو البرنامج المساعد JQuery الذي تخفيض المحتوى الأفقي أو اليمين. بعيدا

بواسطة فيكتور زامبرانو - Frward.net
MiniShowcase هي معرض صور PHP / JavaScript صغير بسيط وبسيط، مدعوم من AJAX الذي يسمح لك بإظهار صورك بسهولة عبر الإنترنت، مما يتيح وجود معرض يعمل بالجري في بضع دقائق.

بواسطة كاسبر ديفيد فريدريش
EGALLERY هو معرض شرائح مريح ويب مصنوع من جيس. إنه يستخدم فقط وظائف المسق الأساسي و Cody Lindley سميكة لعرض صور أكبر.

بواسطة أرنو باتشوت
دائري متعدد التنسيق في جيس، ومحفظة غير واضحة ويمكن الوصول إليها التي تدعم وسائط متعددة: الصور، الفيديو (FLV)، الصوت (MP3). سيتم اكتشاف هذا البرنامج المساعد ل JQuery تلقائيا امتداد كل وسائط وتطبيق المشغل المكيف.

الجدار - معرض وسائل الإعلام - مسج مدعوم | 5 دولارات.

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

بواسطة مورينو دي دومينيكو
JMFULLWALL هو البرنامج المساعد JQuery لإنشاء محفظة مثيرة للإعجاب.

بواسطة فابريزيو كالديران.
Mosaiqy هو البرنامج المساعد JQuery لعرض الصور والتكبير عن العمل على Opera 9+، Firefox 3.6+، Safari 3.2+، Chrome و IE7 +. يتم استرداد الصور من بنية بيانات JSON / JSONP وانتقلت بشكل عشوائي داخل الشبكة. تولي جميع الرسوم المتحركة باهظة الثمن بواسطة GPU الخاص بك على المتصفحات الأخيرة باستخدام انتقالات CSS3، مما يقلل من علامة وحدة المعالجة المركزية.

بواسطة كودي.
يحول البرنامج المساعد JQuery التالي مجموعة من الصور إلى معرض صغير مع العديد من الخيارات. يسمح معرض الصور Micro بالتبديل بين طريقة عرض الشبكة التي تشطيات معاينة الصور كصور مصغرة وعرض واحد يظهر صورة واحدة فقط.

Vion - جيري صورة معرض الصور البرنامج المساعد | 7 دولارات.

بواسطة مالهو.
معرض صورة ملء الشاشة البسيط، ولكن أنيق تم إنشاؤه مع إطار مسج وبعض CSS بسيطة.

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

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

بمناسبة HTML.

أولا، سنقوم بتحليل اللوحة مع قائمة الفئات، هذه قائمة ملحوظة من UL. علاوة على ذلك، يجب أن يكون لكل عنصر من عنصر القائمة اسم فئة فريدة من نوعه.

1
2
3
4
5
6
7
8

<uL Class \u003d "مرشح فئة Portfolio"\u003e
<لى\u003eفئات:</ لى\u003e
<li Class \u003d "All Active"\u003e كل شىء</ a\u003e.
<li Class \u003d "Cat-Item-1"\u003e الفئة 1.</ a\u003e.
<li Class \u003d "Cat-Item-2"\u003e الفئة 2.</ a\u003e.
<li Class \u003d "Cat-item-3"\u003e الفئة 3.</ a\u003e.
<li Class \u003d "Cat-item-4"\u003e الفئة 4.</ a\u003e.
</ ul\u003e.

1
2
3
4
5
6
7
8
9
10
11


    		•

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

    لا تنس أيضا حوالي 2 أشياء مهمة، سمة عنصر قائمة Li Li LIST يجب أن تكون سمة معرف البيانات فريدة من نوعها. تحتوي سمة من نوع البيانات على فئة فئة، والتي وصفتها أعلاه. يبدو أن العلامة هي كل شيء.

    أنماط css.

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

    لذلك، سأظهر أنماط CSS فقط من أجل المنمنمات بشكل جيد وقائمة الفئات.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28

    فئة الحافظة (الهامش أسفل: 30PX؛)
    .portolio الفئة لي (
    عرض: مضمنة؛
    الهامش الحق: 10 بكسل؛
    }
    .
    العرض محجوب؛
    الموقف: قريب؛
    }
    .image-block img (
    الحدود: 1px الصلبة # D5D5D5؛
    الحدود نصف قطرها: 4PX 4PX 4PX 4PX؛
    الخلفية: #ffffff؛
    الحشو: 10 بكسل؛
    }
    .image - كتلة img: تحوم (
    الحدود: 1PX الصلبة # A9CF54؛
    box-Shadow: 0 0 5 بكسل # A9CF54؛
    }
    .bortfolio المنطقة لي (
    تعويم: اليسار؛
    الهامش: 0 12px 20px 0؛
    إخفاء الفائض؛
    العرض: 245PX؛
    الحشو: 5 بكسل؛
    }
    Home-محفظة النص (أعلى هامش: 10PX؛)
    li.active a (text-decoration: تسطير؛)

    من حيث المبدأ، مع أن الأساليب يجب أن تكون كل شيء واضح. من أجل وضع الفئات في عدد، تعلق خاصية العرض مضمنة. من أجل إعطاء تأثير السكتة الدماغية صورة، يتم تعيين لون الخلفية (أبيض) ومسافة البادئة في 10 بكسل. يتم تعيين أبعاد عناصر القائمة في .Bortolio المنطقة LI.

    jQuery.

    حسنا، أخيرا، الشيء الأكثر أهمية هو هذا الدرس الكامل. هذا هو رمز مسج. لنبدأ بتصفية الصور، حسب الفئة.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23

    // حدد جميع عناصر ابنة المحفظة والكتابة إلى المتغير
    var $ البيانات \u003d $ (". حافظة المنطقة") .كلون ()؛

    $ (". محفظة-الفئة LI"). انقر (وظيفة (ه) (
    $ (". filter li") .removeclass ("نشط")؛

    vAR FilterClass \u003d $ (this) .attr ("فئة") .STRIT ("") .slice (- 1) [0]؛

    إذا (filterClass \u003d\u003d "الكل") (
    var $ FilteredDATA \u003d $ Data.Find (".portolio-item2")؛
    ) آخر (
    var $ FilteredDATA \u003d $ Data.Find (".portolio-item2")؛
    }
    $ ("حافظة") .quicksand ($ filterData، (
    المدة: 600،
    adjecttheight: "تلقائي"
    )، وظيفة () (

    lightboxphoto ()؛
    } ) ;
    $ (هذا) .adclass ("نشط")؛
    عودة كاذبة؛
    } ) ;

    لنا طريقة استنساخ () وطريقة المحددة، حدد جميع عناصر الأطفال من المنطقة .Portolio- وكتابةها في متغير البيانات $. بعد ذلك، قم بتتبع نقرة واحدة من الفئات، عنصر LI من القائمة باستخدام فئة Class .Portolio الفئة. نحن نفعل جميع الفئات غير نشطة، عن طريق حذف Removeclass ("نشط")، إذا كان هذا لا يفعل ذلك، بمرور الوقت، ستكون جميع الفئات نشطة وتصفية للتوقف.

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

    بعد ذلك، تحقق مما إذا كانت في سلسلة FilterClass المتغيرة الجميع.، حدد جميع العناصر التي تحتوي على فئة المحفظة-item2 من MassIF البيانات $، والتي نظرنا إليها أعلاه. العناصر المحددة (وهذه هي جميع العناصر القائمة، أي كل الصور) وضعت في متغير المرشح.

    خلاف ذلك، إذا كان filterClass غير متساوي الجميع.في متغير تصفيةDATA، وليس كل العناصر القائمة، ولكن فقط أولئك الذين يتزامن سمة من نوع البيانات مع فئة الفئة. باختصار عناصر فئة واحدة فقط.

    وفي نهاية المطاف نقل المتغير المستلم إلى المكتبة jQuery QuickSand.مما يجعل تصفية الصور. كل ذلك مخاوف التصفية.

    الآن، أما بالنسبة لزيادة الصورة في النافذة المنبثقة. كل شيء أسهل بكثير هنا.

    1
    2
    3
    4
    5
    6
    7

    jQuery ("A") .prettyphoto ((
    الرسوم المتحركة: "سريع"،
    عرض الشرائح: 5000،
    الموضوع: "Facebook"،
    show_title: خطأ،
    Overlay_Gallery: False.
    } ) ;

    يتم تعقب النقر على الرابط بواسطة سمة REL تبدأ بجهاز PrettyPhoto. بعد ذلك تدخل المكتبة صور جميلةوالصورة هي زيادات رائعة. بالمناسبة، ونحن ننقل أيضا العديد من المعلمات. مثل سرعة الرسوم المتحركة - سريع، تأخير في عرض الشرائح - 5 ثوان، موضوع Facebook (فقط 5 مواضيع موجودة في مجلد الصور / prettyphoto)، وكذلك حظر عرض اسم الصورة وزيادة الصورة عند تحويم الماوس. الوثائق كاملة ل صور جميلة يمكن ايجاده

    للبقاء حتى الآن مع المقالات الطازجة والدروس اشترك في

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

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

    من. | تجريبي.

    معرض صور جائق كامل قابل للتعديل مع عناصر عرض الشرائح، مع تأثيرات انتقالية وعدة خيارات الألبوم. متوافق مع جميع متصفحات سطح المكتب الحديثة والجوال.

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

    المنزلق المنظر.

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

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

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

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

    - هذا هو البرنامج المساعد JQuery (2KB) صغيرا يوفر بسيطة، دون أخلاق غير ضرورية، وسيلة لعرض الصور في شكل عرض شرائح.

    - هذه هي عينا ممتعة لمعرض JavaScript، مع ضوابط بديهية وتوافق لا تشوبها شائبة على جميع أجهزة الكمبيوتر والأجهزة iPhone والأجهزة المحمولة. تثبيت بسهولة جدا وتكوينها

    على عكس العديد من منزلقات JavaScript و JQuery Image Sliders، يعد Sliger.js حل هجين، وكفاءة CSS3 للتحولات والرسوم المتحركة على أساسها.

    هذا قالب صفحة واحدة لإنشاء عروض تقديمية مختلفة في HTML5 و CSS3.

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

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

    عرض الشرائح JavaScript لتطوير رشيقة

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

    - مسج البرنامج المساعد الذي يسمح لك بتحويل قوائم غير مرتبة في عرض الشرائح مع تأثيرات رسوم متحركة جذابة. في عرض الشرائح، يمكنك عرض قائمة بالشرائح، كلاهما باستخدام أرقام أو رسومات، واستخدام "الأزرار" السابقة "التالية". يحتوي المنزلق على الكثير من أنواع الرسوم المتحركة الأولية، بما في ذلك مكعب (مع العديد من الأنواع الفرعية)، أنبوب، كتلة وأكثر من ذلك بكثير.

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

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

    - بسيطة من شريط التمرير الذي تم إنشاؤه على مسج، بسيطة في جميع النواحي، لا يتطلب مهارات خاصة، أعتقد أن الكثيرين سيأتي في متناول يدهم لتنفيذ عرض الشرائح على مواقعهم. تم اختبار البرنامج المساعد في جميع المتصفحات الحديثة، بما في ذلك The Brame by Yel.

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

    من السهل استخدام مسافة JQuery Plugin لعرض صورك في شكل عرض شرائح مع تأثيرات انتقالية بين الصور (مرئية وأكثر إثارة للاهتمام). jqfancytransitions متوافق ومرت فحص شامل مع Safari 2 +، Internet Explorer 6 +، Firefox 2 +، Google Chrome 3 +، Opera 9 +.

    - هذا هو البرنامج المساعد jquery الموزع مجانا لعرض الصور وغيرها من المعلومات في شكل "Lightbox". نافذة منبثقة مع عناصر التحكم والخلفية المظللة وكل ذلك وبسيط وذوق.

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

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

    صور الدوار مع أنواع مختلفة من التحولات. يعمل في الوضع التلقائي والنقرات، تم تكوينها بسهولة تماما.

    - معرض صورة متكامل من مجرد شريط تمرير. معاينة الصور المصغرة والقدرة على تحديد تأثيرات الانتقال، والدعم الكامل من قبل جميع المتصفحات، وصف مفصل للتكامل في مشروع ويب وتوزيع مجاني.

    هذا هو تطبيق عروض الشريحة الجاهزة للاستخدام باستخدام النموذج السلبي / النموذج الأولي أو jQuery. Horinaja هو نوع من الحل المبتكرة، لأنه يسمح باستخدام العجلة للتمرير عبر المحتوى الموجود في شريط التمرير. عندما يكون مؤشر الماوس خارج منطقة عرض الشرائح، يتم عرض الحمام تلقائيا عند وضع المؤشر في عرض الشرائح، توقف التمرير.

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

    s3slider. - JQuery Plugin، يخلق عرض شرائح من قائمة صور غير مرتبة ويمكن بسهولة تنفيذها على أي مواقع ويب.

    هذا مسج مسج تم تحسينه لمعالجة الصور الكبيرة للصور مع الحفاظ على عرض النطاق الترددي.

    خلفية فيغاس.

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

    - شريط التمرير بمثابة منزلق، لم يعد أقل، مع توقيعات الصور أو إعلانات المقالات وعنصر تحكم بسيط، طريقة "Tyka".

    - إنه جافا سكريبت سهل (حوالي 5 كيلو بايت) لتنظيم عرض الصور. يتيح لك تغيير الحجم التلقائي وتوسيع الصور الكبيرة، عرض صورة بالكامل داخل نافذة المتصفح

    متاح 4 نسخة من معرض صور Pikachoose jquery! Pikachoose هو عرض الشرائح السهلة JQuery، مع فرص كبيرة! التكامل مع FancyBox، وسمات التصميم الممتازة (حقا ليس مجانا) وعرض أكبر بكثير انتباهكم إلى مطوري المكون الإضافي.

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

    شريط تمرير آخر على مسج، والذي يصلح تماما إلى بعض قالب WordPress.

    تطوير آخر "NIVO"، كما يفعل كل ذلك الرجال من هذا الاستوديو، يتم تنفيذ البرنامج المساعد نوعيا، يحتوي على 16 تأثيرات انتقال فريدة من نوعها، والتنقل إلى لوحة المفاتيح وأكثر من ذلك بكثير. يتضمن هذا الإصدار إضافيا مخصصا مباشرة ل WordPress. لذلك جميع المعجبين بهذا المحرك للمدونات، ستكون المنزلق NIVO في هذا الموضوع.

    البرنامج المساعد JQuery الذي يسمح لك بإنشاء منزلق بسيط وفعال وجميل للصور من أي حجم.

    بيروبوكس.- إنه برنامج نصي مسج خفيف "مربع"، يتم عرض المشاهدة في الكتلة المنبثقة، يتم ضبطها تلقائيا بحجم الصورة، مع جميع عناصر التحكم.

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

    وضع عرض شرائح ملء الشاشة مع HTML5 و jquery

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

    ومع ذلك، فإن التطوير التالي لفريق Codrops، وهو معرض كامل ووظيفي من الصور، هو المنطقي أن يصف، يجب أن ينظر إليه.

    صور الشرائح، الصور تختفي مباشرة أمام عينيك، التأثير رائع فقط.

    هو JavaScript Framework Gallery للصور التي تم إنشاؤها استنادا إلى مكتبة JQuery. الهدف هو تبسيط عملية تطوير معرض الصور المهنية لأجهزة الويب والجوال. من الممكن عرضه في النافذة المنبثقة ووضع الشاشة بالكامل.

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

    مكون إضافي آخر ل WordPress من سلسلة منظمي الشرائح. يتكامل بسهولة في أي تصميم تقريبا ويقدم العديد من الإعدادات للمستخدمين ذوي الخبرة، وليس من ذوي الخبرة أيضا.

    سيكون البرنامج المساعد آخر مكتوب تحت WordPress أسهل بكثير لتنظيم عرض شرائح للصور أو أي محتوى آخر على مدوناتك.

    ليس برنامج عرض الشرائح سيئة للتكامل في وورد. يتم تثبيت عرض الشرائح Xili-Floom تلقائيا، بالإضافة إلى الإعدادات الشخصية.

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

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

    يحول هذا البرنامج المساعد WordPress مضمن في معرض الصور إلى عرض شرائح بسيط ومرن. يستخدم البرنامج المساعد منزلق FlexSlider JQuery Slider من الصور وإعدادات المستخدم الشخصية.

    - هذا البرنامج المساعد WordPress لتنظيم صور عرض شرائح أو صور من Smugmug و Flickr أو Mobileme أو Picasa أو Photobucket RSS، ويعمل وعرضها باستخدام جافا سكريبت نقية.

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

    في رأيي، Skitter هي واحدة من أفضل المتزلجون الذين يدعمون وورد. يجذب الاستقرار والسرعة، وليس الضوابط المميزة للغاية، والآثار الانتقالية واتصال بسيط إلى حد ما بالموضوع.

    - البرنامج المساعد ل WordPress، التي تنظمها بسهولة وبسرعة بسرعة على موقع الويب الخاص بك في معرض الصور مع القدرة على عرض في وضع الشرائح. يمكن أن يكون العرض تلقائيا ويتم التحكم فيه بالكامل مع مظاهرة المنمنمات والتوقيعات على الصور.

    من. | تجريبي.

    يعرض كل الصور إلى الدخول / الصفحة كعروض الشرائح. بسيطة التركيب. يتطلب البرنامج المساعد هذا Adobe Flash للإصدار مع الرسوم المتحركة للانتقالات إذا لم يتم العثور على فلاش يعمل على العمل كالمعتاد.

    أبسط شريط منزلق آخر ل WordPress، يعرض الصور للسجلات والإعلانات القصيرة للمقالات. من وقت لآخر، استخدم هذا البرنامج المساعد في هذه المدونة.

    Meteor Slides - WordPress Slider على JQuery، لديه أكثر من عشرين أنماط الانتقال للاختيار من بينها. وصف المؤلف باسم "نيزك" البرنامج المساعد، ربما يعني سرعة العمل، ربما نيزك، لم ألاحظ أي شيء.

    معرض OQEY معرض الصور الكاملة من الصور مع عناصر عرض الشرائح ل WordPress، مع قدرات الفيديو والموسيقى المضمنة.

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

    يقوم البرنامج المساعد Flash Gallery بتحويل صالاتك المعتادة إلى جدران مذهلة من الصور، مع دعم ألبومات متعددة لكل مشاركة ووضع عرض كامل وعرض الشرائح.

    WOW Slider هي شريط تمرير في صورة مسج ل WordPress مع تأثيرات مرئية رائعة (الانفجار، والستائر، والسبعات، والشظايا، والشظايا، والتوهين الأساسي، والتوهين، والمكدس، والمكدسة الرأسية والخطية) وأنماط تنفذ بشكل احترافي.

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

    | تجريبي.

    الجديد في الإصدار 2.4: دعم Photo Drag-N-Drop الفرز مباشرة عبر محرر WordPress، وكذلك القدرة على إضافة رابط صورة إلى الصور الرئيسية. (قد يكون لدى IE8 أخطاء، في جميع المتصفحات الرئيسية تعمل بشكل مثالي. وعد المؤلفون بدعم كامل ل IE8 في المستقبل.)

    | تجريبي.

    سيكون الوتر الأخير من هذه المراجعة هذا البرنامج المساعد ل WordPress، شريط التمرير التالي مع تأثيرات اختيار مرئية مثيرة للاهتمام وتحويل الصورة.

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

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

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

    هذه المقالة تتضمن بعض أفضل مستجيب GQuery Gallery Pluginsوالتي لن تمكنك فقط من إنشاء معارض صور رائعة للمواقع الخاصة بك ولكنها تعرضها أيضا في أنماط أنيقة لجعل موقع الويب الخاص بك مذهل ومذهل بصريا.

    أدناه هي قائمة أفضل مستجيب جيسي معرض الصور الإضافات يستحق النظر في عام 2016.

    Bootstrap معرض الصور هو برنامج مسج مسج بسيط سيؤدي إلى إنشاء معرض صور Roottrap المستجيب لصورك.
    يدعم هذا البرنامج المساعد ارتفاع متغير للصور والتسميات التوضيحية. يتم أيضا تضمين مربع "مشروط" اختياري مع الترحيل "التالي" و "السابق".
    تجريبي والتنزيل.

    2. JK استجابة يوتيوب ومعرض الصور


    إنه معرض حديث نمط Lightbox لعرض الصور وأشرطة الفيديو YouTube على موقعك. واجهة المعرض استجابة تماما ويعمل بشكل جميل عبر جميع الأجهزة الكبيرة أو الصغيرة.
    تجريبي والتنزيل.

    3. فابا.


    Faba هي ألبومات Faba Facebook Gallery Gallery Plugin التي ستحميل جميع الألبومات والصور من صفحة Facebook المحددة.

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


    Xgallerify هو البرنامج المساعد Gallery خفيف الوزن، والمستجيب يتيح لك إنشاء معارض صور جميلة على مواقع الويب الخاصة بك. هذا البرنامج المساعد خفيف الوزن (3 كيلو بايت من حجم الملف)وسهلة الاستخدام وتأتي مع عدد من الخيارات والأنماط القابلة للتخصيص.
    تجريبي والتنزيل.


    عنصر Instagram هو البرنامج المساعد Instagram Premium للمدونين، وتصوير الفوتوغرامات، والنماذج، وأي شخص يتطلع إلى زيادة جمادتهم على Instagram.
    يستجيب هذا البرنامج المساعد الكامل ويسمح لك بإدارة 50+ خيارات بسهولة ويسمح لك بعرض صورك بشكل جميل على أي جهاز.


    Snapgallery عبارة عن مسافة جائق بسيطة تقوم بتشغيل قائمة قبيحة من الصور ذات الحجم بشكل مختلف في معرض جميل قابل للتخصيص مع سطر واحد من JavaScript.

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


    معرض Eagle هذا معرض حديث مع وظيفة تكبير الصورة. لإدارة المعرض، يمكنك استخدام الإيماءات أو أزرار التحكم. هذا هو معرض الاستجابة بالكامل الذي يدعم شاشة تعمل باللمس وتم إنشاؤه للأجهزة المحمولة وأجهزة الكمبيوتر المحمولة وأجهزة الكمبيوتر المكتبية.

    باستخدام هذا المعرض، يمكنك بسهولة إنشاء معرض منتج على متجر الإنترنت الخاص بك للحصول على عرض مفصل وتخصيصه بمساعدة الخيارات.


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


    JQuery Lightgallery هي معرض Lightbox LightBox خفيف الوزن لعرض صورة ومعرض الفيديو.

    يدعم Lightgallery Touch و Swipe Navigation على أجهزة الشاشة التي تعمل باللمس، بالإضافة إلى سحب الماوس لأجهزة الكمبيوتر المكتبية. يتيح ذلك للمستخدمين التنقل بين الشرائح إما بسحب الماوس أو الماوس.

    يأتي Lightgallery مع عدد كبير من الخيارات، والتي تتيح لك تخصيص البرنامج المساعد بسهولة للغاية. يمكنك بسهولة تخصيص مظهر ومعجب المعرض من خلال تحديث متغيرات SASS.
    تجريبي والتنزيل.


    هذا هو البرنامج المساعد Great Gallery image رائع آخر يتيح لك إنشاء معرض تخطيط الشبكة لصور ومقاطع الفيديو الخاصة بك. هذه الإضافات تستجيب بالكامل وتزويد عدد الميزات مثل المشاركة الاجتماعية والتمرير اللانهائي والرسوم المتحركة CSS3 والمرشحات وأكثر من ذلك بكثير.


    معرض BUTLIMP GARALLE هو صورة وفيديو ومفيديو يمكن تدعمه باللمس والتخصيص والتخصيص، كاروسيل و Lightbox، محسن لكل من متصفحات الويب عبر الهاتف المحمول وسطح المكتب.

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


    Nanogallery هو معرض صورة ممكنة للمساكن والاستجابة مع تخطيط مبرر ومتتالي وشبكة. وهو يدعم الصور ذاتية المستضافة والسحب في ألبومات صور Flickr و Picasa و Google+ و Smugmug.

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


    Flipgallery هي معرض صور مدعوم مجاني بجهاز مسج مع انتقالات نقل أنيقة بين المصغرة وتكسسات Lightbox. تشمل الميزات الأخرى دفق الصور الديناميكي، الصفحات التلقائية، زراعة السيارات وتراكب الصور الشفافة.

    يحتوي هذا البرنامج المساعد أيضا على إصدار متميز يأتي مع عدد قليل من ميزات Nifty وبالتأكيد يتضمن الاستجابة.
    تجريبي والتنزيل.


    معرض Fancy Gallery مستجيب GQuery Gallery Gallery Plugin الذي يسمح لك بعرض الصور ومقاطع الفيديو الخاصة بك في النمط الهوى. تحتوي هذه الإضافات على الكثير من خيارات التخصيص ويمكنك إضافة ألبومات غير محدودة ومقاطع فيديو وصور وأكثر من ذلك بكثير.

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


    معرض متوازن هو البرنامج المساعد JQuery يقوم بتوزيع الصور عبر الصفوف أو الأعمدة، مما يجعل معظم المساحة المتوفرة. يتم تحجيم الصور بناء على حجم عنصر "الحاوية" افتراضيا، مما يجعل معرض متوازن اختيارا جيدا لمواقع الويب المستجيبة.
    تجريبي والتنزيل.

    16. S المعرض.


    S المعرض يستفيد من واجهة برمجة تطبيقات ملء الشاشة HTML5، وتعتمد اعتمادا كبيرا على الرسوم المتحركة CSS3 تتحول Goodness و CSS3، لذلك سيعمل فقط في المتصفحات التي تدعم هذه الميزات.
    تجريبي والتنزيل.

    17. معرض الشبكة النهائي استجابة


    هذا هو HTML | CSS |. شبكة JQuery Grid عند الغطاء على فتح صندوق Lightbox، وسوف يقوم بتحميل الصورة العادية، يمكنك تحديد نص التسميات التوضيحية وصندوق LightBox. أيضا لا تضطر إلى تحميل جميع الصور في وقت واحد (لأغراض الأداء) حتى تتمكن من تحديد عدد الصور لتحميلها عندما يتم تحميلها أولا وعدد الصور للتحميل عند النقر فوق الزر "تحميل سلالة".


    معرض الصور المصغرة المستجيبة هو البرنامج المساعد JQuery لإنشاء معارض الصور التي تناسب حاويةها.
    تجريبي والتنزيل.


    SuperBox هو البرنامج المساعد JQuery يأخذ "الصورة" بالكامل و "Lightbox" خطوة واحدة، مما يقلل من اعتماد جافا سكريبت وصياغة لتحميل صورة لإضفاء علبة الضوء على شيء من الماضي! باستخدام بيانات HTML5 Data- * السمات والتخطيطات المستجيبة و JQUERY.

    Wonders SuperBox Wonders كمعرض صورة ثابت، والتي يمكنك النقر عليها للكشف عن نسخة كاملة من الصورة.
    تجريبي والتنزيل.


    يأتي معرض الصور المصغرة في نهاية المطاف، يأتي البرنامج المساعد Compery Gallery بالكامل في أنواع تخطيط (الشبكة والخط، رأسية وأفقية)، مع التمرير (JSCrollPlane) أو زر الملاحة. صناديق المصغرة تدعم أي عنصر HTML داخلها.

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

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