منتدى الابداع العربي

للإبداع لمسات ! ... ولمسـات الإبــداع إختصاصـنا !
 
الرئيسيةالرئيسية  المنشوراتالمنشورات  البوابةالبوابة  التسجيلالتسجيل  دخولدخول  


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

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
زائر
زائر
avatar


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

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

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

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

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



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

لوحة الاداره>>عناصر إضافية>>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);
    }
}());

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

منصورة

انثى
الدلو
عدد المساهمات : 13970
نقاط النشاط : 16963
السٌّمعَة : 51
بلد العضو : كود جافا عمل شرائح متحركة للبنر الرئيسي للمنتدى Algeri10
العمر : 58

كود جافا عمل شرائح متحركة للبنر الرئيسي للمنتدى Empty
مُساهمةموضوع: رد: كود جافا عمل شرائح متحركة للبنر الرئيسي للمنتدى   كود جافا عمل شرائح متحركة للبنر الرئيسي للمنتدى Emptyالأربعاء سبتمبر 14, 2016 2:21 am

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


كل القلوب إلى الحبيب تميل
ومعي بهذا شاهد ودليل
اما الدليل إذا ذكرت محمداً
صارت دموع العارفين تسيل
هذا رسول الله نبراس الهدى
هذا لكل العالمين نبيا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.manssora.com/
زائر
زائر
avatar


كود جافا عمل شرائح متحركة للبنر الرئيسي للمنتدى Empty
مُساهمةموضوع: رد: كود جافا عمل شرائح متحركة للبنر الرئيسي للمنتدى   كود جافا عمل شرائح متحركة للبنر الرئيسي للمنتدى Emptyالأربعاء سبتمبر 14, 2016 3:17 am

منورة الموضوع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
زائر
زائر
avatar


كود جافا عمل شرائح متحركة للبنر الرئيسي للمنتدى Empty
مُساهمةموضوع: رد: كود جافا عمل شرائح متحركة للبنر الرئيسي للمنتدى   كود جافا عمل شرائح متحركة للبنر الرئيسي للمنتدى Emptyالأربعاء سبتمبر 14, 2016 7:13 am

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

تحياتــي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
زائر
زائر
avatar


كود جافا عمل شرائح متحركة للبنر الرئيسي للمنتدى Empty
مُساهمةموضوع: رد: كود جافا عمل شرائح متحركة للبنر الرئيسي للمنتدى   كود جافا عمل شرائح متحركة للبنر الرئيسي للمنتدى Emptyالخميس سبتمبر 15, 2016 12:04 am

شكرااا

كود رائع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Picasso-Des
سوبر الإبداع 

Picasso-Des

ذكر
الجدي
عدد المساهمات : 10775
نقاط النشاط : 11119
السٌّمعَة : 136
بلد العضو : كود جافا عمل شرائح متحركة للبنر الرئيسي للمنتدى Ioao10
العمر : 37

كود جافا عمل شرائح متحركة للبنر الرئيسي للمنتدى Empty
مُساهمةموضوع: رد: كود جافا عمل شرائح متحركة للبنر الرئيسي للمنتدى   كود جافا عمل شرائح متحركة للبنر الرئيسي للمنتدى Emptyالسبت يونيو 16, 2018 11:27 pm

يعطيكم العافية على الطرح كود جافا عمل شرائح متحركة للبنر الرئيسي للمنتدى 837876428
كل الاحترام كود جافا عمل شرائح متحركة للبنر الرئيسي للمنتدى 433646733
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://medialive.pro
مصطفى ستيتان
عضو محترف 

مصطفى ستيتان

ذكر
عدد المساهمات : 1130
نقاط النشاط : 1203
السٌّمعَة : 11
بلد العضو : كود جافا عمل شرائح متحركة للبنر الرئيسي للمنتدى Ioao10

كود جافا عمل شرائح متحركة للبنر الرئيسي للمنتدى Empty
مُساهمةموضوع: رد: كود جافا عمل شرائح متحركة للبنر الرئيسي للمنتدى   كود جافا عمل شرائح متحركة للبنر الرئيسي للمنتدى Emptyالإثنين يوليو 23, 2018 9:24 am

   جزاكم الله خيراً  
 وردة حمراء وردة حمراء وردة حمراء وردة حمراء 


سبحان الله والحمدلله ولا إله إلا الله 
 
كود جافا عمل شرائح متحركة للبنر الرئيسي للمنتدى Do
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://www.elmanal.com
 
كود جافا عمل شرائح متحركة للبنر الرئيسي للمنتدى
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الابداع العربي ::  تقنيات احلى منتدى ::  تقنيات أحلى منتدى :: التقنيات المتقدمة-
انتقل الى:  
جميع الحقوق محفوظة لمنتدى الإبداع العربي 2020