شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي

كود جافا عمل شرائح متحركة للبنر الرئيسي للمنتدى

زائر
زائر
تمت المشاركة في الثلاثاء سبتمبر 13, 2016 10:34 pm
كود جافا عمل شرائح متحركة للبنر الرئيسي للمنتدى

السلام عليكم ورحمة الله

الكود جميل جدا لجعل البنر الرئيسي يتغير لبنر اخر حسب الوقت الذي تضعه

صورة للتوضيح




الان طريقة التركيب

لوحة الاداره>>عناصر إضافية>>HTML و JAVASCRIPT>>إدارة أكواد Javascript>>


تفعيل نظام إدارة أكواد Javascript :نعم


انشاء كود جديد


العنوان * :حسب ما تريد
أضف الكود الى :جميع الصفحات

الكود:

(function() {
    var BannerRotator = {
        /***** ZONA EDITABLE ******/
     
        images: ['http://i21.servimg.com/u/f21/18/21/60/73/free10.png', 'http://i21.servimg.com/u/f21/18/21/60/73/logo10.png'],

        start_delay: 5000,
        duration: 5000,
        height: 'auto',

        fade_image: true,
        fade_speed: 1200,

        keep_initial: true,
        remember_position: true,
        preload: true,
     
        /**** FIN ZONA EDITABLE ****/
     
        // technical data below
        index: -1,
        logo: null,

        // increment the index and display the next image in rotation after a small delay
        next: function(ms) {
            if (ms === undefined) ms = FA.BannerRotator.duration;

            window.setTimeout(function() {
                if (++FA.BannerRotator.index >= FA.BannerRotator.images.length) FA.BannerRotator.index = 0; // reset index when it exceeds "images" length
                if (FA.BannerRotator.remember_position) my_setcookie('fa_banner_index', FA.BannerRotator.index); // remember the last banner shown

                // fade banner in and out
                if (FA.BannerRotator.fade_image) {
                    $(FA.BannerRotator.logo).fadeOut(FA.BannerRotator.fade_speed, function() {
                        FA.BannerRotator.logo.src = FA.BannerRotator.images[FA.BannerRotator.index]; // set next banner
                        $(this).fadeIn(FA.BannerRotator.fade_speed, FA.BannerRotator.next); // fade it in
                    });
                }

                // default rotation
                else {
                    FA.BannerRotator.logo.src = FA.BannerRotator.images[FA.BannerRotator.index];
                    FA.BannerRotator.next();
                }
            }, ms);
        },

        // initial start up to get the correct logo node and setup some other settings
        init: function() {
            var logo = document.getElementById('i_logo') || document.getElementById('logo') || document.getElementById('pun-logo'),
                index = my_getcookie('fa_banner_index');

            if (logo) {
                FA.BannerRotator.logo = logo.tagName == 'IMG' ? logo : logo.firstChild;
                FA.BannerRotator.logo.style.height = FA.BannerRotator.height;

                if (FA.BannerRotator.keep_initial) FA.BannerRotator.images[FA.BannerRotator.images.length] = FA.BannerRotator.logo.src;
                if (FA.BannerRotator.remember_position && index) {
                    FA.BannerRotator.index = +index;
                    FA.BannerRotator.logo.src = FA.BannerRotator.images[FA.BannerRotator.index] || FA.BannerRotator.images[0];
                }

                FA.BannerRotator.next(FA.BannerRotator.start_delay);
            } else if (window.console && window.console.warn) {
                console.warn('La versión de tu foro no está optimizada para la ejecución de este tutorial.');
            }
        }
    };

    if (!window.FA) FA = {};
    if (!FA.BannerRotator) {
        FA.BannerRotator = BannerRotator;

        if (FA.BannerRotator.preload) {
            for (var i = 0, j = FA.BannerRotator.images.length, img; i < j; i++) {
                img = document.createElement('IMG');
                img.src = FA.BannerRotator.images[i];
            }
        }

        $(FA.BannerRotator.init);
    }
}());

رد: كود جافا عمل شرائح متحركة للبنر الرئيسي للمنتدى

avatar
بصمة خالدة
الجنس : انثى

الدلو

عدد المساهمات : 10046

نقاط النشاط : 12248

السٌّمعَة : 24

بلد العضو :

العمر : 54

معاينة صفحة البيانات الشخصي للعضوhttp://www.manssora.com/
تمت المشاركة في الأربعاء سبتمبر 14, 2016 1:21 am
بـارك الله فيـك
وجـزاك الله خيــر الجــزاء
الـف الـف شـكـر علـى الكود المميز
التوقــيـــــــــــــــــــــع

رد: كود جافا عمل شرائح متحركة للبنر الرئيسي للمنتدى

زائر
زائر
تمت المشاركة في الأربعاء سبتمبر 14, 2016 2:17 am
منورة الموضوع

رد: كود جافا عمل شرائح متحركة للبنر الرئيسي للمنتدى

زائر
زائر
تمت المشاركة في الأربعاء سبتمبر 14, 2016 6:13 am
السلام عليكم ورحمة الله وبركاته
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة
إنـجاز أكثر رائــــــع
لكن أرجو منكَ عدم التوقف عند هذا الحد
مـنتظرين ابداعتــــــك
دمتـ ودام تألقـك

تحياتــي

رد: كود جافا عمل شرائح متحركة للبنر الرئيسي للمنتدى

زائر
زائر
تمت المشاركة في الأربعاء سبتمبر 14, 2016 11:04 pm
شكرااا

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