سلايد شو للواجهه . Javascript جعل الواجهه صور تتغير
سلايد شو للواجهه . Javascript جعل الواجهه صور تتغير
صورة للسلايد شو
سلايد شو للواجهه . Javascript جعل الواجهه صور تتغير
صورة للسلايد شو
https://i.servimg.com/u/f58/18/46/78/72/logowe10.gif
طريقة التركيب اذهب إلى. لوحة الادارة. عناصر اضافية. HTML و JAVASCRIPT
.اكواد javascript تفعيل اكواد javascript اختار نعم
وسجل ثم انشاء كود الاسم اي شئ اختار جميع صفحات
وضع الكود الاتي
- (function() {
- var BannerRotator = {
- images : [
- 'https://i.servimg.com/u/f58/18/46/78/72/foren-10.png',
- 'https://i.servimg.com/u/f58/18/46/78/72/foren-11.png'
- ],
-
- start_delay : 5000,
- duration : 5000,
- height : 'auto',
-
- fade_image : true,
- fade_speed : 1200,
-
- keep_initial : true,
- remember_position : true,
- preload : true,
-
- // Technische Daten für die Darstellung
- index : -1,
- logo : null,
-
- // Einbinden der Grafik nach Verzögerung
- 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; // Zurücksetzen, wenn die Länge der angezeigten Grafiken überschritten wird
- if (FA.BannerRotator.remember_position) my_setcookie('fa_banner_index',FA.BannerRotator.index); // Erinnerung an das letzte Banner
-
- // Ein- und Ausblenden der Grafiken
- if (FA.BannerRotator.fade_image) {
- $(FA.BannerRotator.logo).fadeOut(FA.BannerRotator.fade_speed, function() {
- FA.BannerRotator.logo.src = FA.BannerRotator.images[FA.BannerRotator.index]; // Einsetzen der nächsten Grafik
- $(this).fadeIn(FA.BannerRotator.fade_speed, FA.BannerRotator.next); // Verblassen beim Ein- und Ausblenden
- });
- }
-
- // Zufällige Darstellung
- else {
- FA.BannerRotator.logo.src = FA.BannerRotator.images[FA.BannerRotator.index];
- FA.BannerRotator.next();
- }
- }, ms);
- },
-
- // Erste Inbetriebnahme und einige andere Einstellungen
- 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('Die Foren-Version ist für dieses Plugin nicht optimiert.');
- }
- }
- };
-
- 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);
- }
- }());