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

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

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

مُساهمة من طرف زائر في الثلاثاء سبتمبر 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);
    }
}());



زائر
زائر


الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف منصورة في الأربعاء سبتمبر 14, 2016 1:21 am


بـارك الله فيـك
وجـزاك الله خيــر الجــزاء
الـف الـف شـكـر علـى الكود المميز




التوقيع



منصورة
عضو محترف
عضو محترف

الجنس : انثى

نقاط التفاعل : 7 نقاط

الدلو

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

نقاط النشاط : 2443

السٌّمعَة : 12

بلد العضو :

العمر : 53


الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف زائر في الأربعاء سبتمبر 14, 2016 2:17 am


منورة الموضوع


زائر
زائر


الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف زائر في الأربعاء سبتمبر 14, 2016 6:13 am


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

تحياتــي


زائر
زائر


الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف AmEr MaGroh في الأربعاء سبتمبر 14, 2016 11:04 pm


AmEr MaGroh
عضو نشيط
عضو نشيط

الجنس : ذكر

الدلو

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

نقاط النشاط : 407

السٌّمعَة : 9

بلد العضو :

العمر : 14


الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

سجل دخولك لتستطيع الرد بالموضوع

لابد تكون لديك عضوية لتستطيع الرد سجل الان

سجل معنا الان

انضم الينا بمنتدي الابداع العربي فعملية التسجيل سهله جدا ؟


تسجيل عضوية جديدة

سجل دخولك

لديك عضوية هنا ؟ سجل دخولك من هنا .


سجل دخولك

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى