https://www.sliders-dimension.de/scripts/bannerrotation/banners.js

1/**
2 * ============================================================
3 *  BANNER-KONFIGURATION  –  banners.js
4 *  Hier pflegst du ALLE Banner zentral ein.
5 *  Diese Datei einmal ändern = überall aktuell.
6 * ============================================================
7 *
8 *  SLOTS:  Jede Stelle auf deiner Seite hat einen Namen (slot).
9 *          Auf der Seite schreibst du nur:
10 *            <div data-rotator="header"></div>
11 *          Das Script füllt den Slot automatisch.
12 *
13 *  PRO SLOT kannst du einstellen:
14 *    size      – Vorhandene Größen (siehe unten) ODER eigene Pixel
15 *    interval  – Wechsel-Intervall in Millisekunden (Standard: 5000)
16 *    anim      – "fade" | "slide"  (Standard: "fade")
17 *    showDots  – true/false  Navigation-Punkte anzeigen
18 *    showBar   – true/false  Fortschrittsbalken anzeigen
19 *    random    – true/false  Banner in zufälliger Reihenfolge
20 *
21 *  PRO BANNER:
22 *    image     – Pfad zum Bild (relativ zur HTML-Seite oder absolut)
23 *    url       – Ziel-URL beim Klick (leer = kein Link)
24 *    target    – "_blank" (neuer Tab) | "_self" (gleicher Tab)
25 *    alt       – Alt-Text für Barrierefreiheit
26 *    title     – Tooltip beim Hover
27 *    weight    – Gewichtung (1–10). Höher = öfter angezeigt (Standard: 1)
28 *    active    – false = Banner wird übersprungen (zum Deaktivieren)
29 *    startDate – "YYYY-MM-DD"  Banner erst ab diesem Datum zeigen
30 *    endDate   – "YYYY-MM-DD"  Banner nach diesem Datum nicht mehr zeigen
31 * ============================================================
32 *
33 *  GRÖSSEN-REFERENZ:
34 *    "leaderboard"   728 × 90   (oben/unten auf der Seite)
35 *    "rectangle"     300 × 250  (Sidebar, Content)
36 *    "skyscraper"    160 × 600  (Seitenspalte)
37 *    "banner"        468 × 60   (klassisches Banner)
38 *    "square"        250 × 250
39 *    "billboard"     970 × 250  (großes Leaderboard)
40 *    "halfpage"      300 × 600
41 *    {w:400, h:150}             (eigene Pixel)
42 * ============================================================
43 */
44
45var AdRotatorConfig = {
46
47  // ----------------------------------------------------------
48  //  SLOT: "header"  –  z.B. ganz oben auf jeder Seite
49  // ----------------------------------------------------------
50  header: {
51    size:     "leaderboard",   // 728 × 90
52    interval: 6000,
53    anim:     "fade",
54    showDots: true,
55    showBar:  true,
56    random:   false,
57
58    banners: [
59      {
60        image:  "banners/header-sommer.jpg",
61        url:    "https://example.com/sommer-sale",
62        target: "_blank",
63        alt:    "Sommer-Sale – 40% Rabatt",
64        title:  "Jetzt zum Sommer-Sale",
65        weight: 2,            // doppelt so oft wie normale Banner
66        active: true,
67        endDate: "2025-08-31" // läuft automatisch ab
68      },
69      {
70        image:  "banners/header-newsletter.jpg",
71        url:    "https://example.com/newsletter",
72        target: "_self",
73        alt:    "Newsletter abonnieren",
74        weight: 1,
75        active: true
76      },
77      {
78        image:  "banners/header-produkt.jpg",
79        url:    "",            // kein Link – reines Bild
80        alt:    "Neues Produkt",
81        weight: 1,
82        active: true
83      }
84    ]
85  },
86
87  // ----------------------------------------------------------
88  //  SLOT: "banner300x250"  –  z.B. rechte Spalte
89  // ----------------------------------------------------------
90  banner300x250: {
91    size:     "rectangle",    // 300 × 250
92    interval: 10000,
93    anim:     "slide",
94    showDots: true,
95    showBar:  false,
96    random:   true,           // zufällige Reihenfolge
97
98    banners: [
99      {
100        image:  "/images/ad-x-1.png",
101        url:    "https://x.com/alexslider",
102        target: "_blank",
103        alt:    "X",
104        weight: 1,
105        active: true
106      },
107      {
108        image:  "/images/ad/ad-paidviewpoint.png",
109        url:    "https://paidviewpoint.com/landing/?r=q8e7gx+sliders",
110        target: "_blank",
111        alt:    "Umfragen bei PaidViewpoint.com beantworten",
112        weight: 1,
113        active: false         // wird nicht angezeigt
114      },
115      {
116        image:  "banners/sidebar-03.jpg",
117        url:    "https://example.com/produkt-c",
118        target: "_blank",
119        alt:    "Produkt C (deaktiviert)",
120        weight: 1,
121        active: false         // wird nicht angezeigt
122      }
123    ]
124  },
125
126  // ----------------------------------------------------------
127  //  SLOT: "social250x350"  –  z.B. rechte Spalte
128  // ----------------------------------------------------------
129  social250x350: {
130    size:     { w: 250, h: 350 },  // eigene Pixelgröße
131    interval: 10000,
132    anim:     "slide",
133    showDots: true,
134    showBar:  false,
135    random:   true,           // zufällige Reihenfolge
136
137    banners: [
138      {
139        image:  "/images/ad-x-250x350-1.png",
140        url:    "https://x.com/alexslider",
141        target: "_blank",
142        alt:    "X",
143        weight: 1,
144        active: true
145      },
146      {
147        image:  "banners/sidebar-02.jpg",
148        url:    "https://example.com/produkt-b",
149        target: "_blank",
150        alt:    "Produkt B",
151        weight: 1,
152        active: false         // wird nicht angezeigt
153      },
154      {
155        image:  "banners/sidebar-03.jpg",
156        url:    "https://example.com/produkt-c",
157        target: "_blank",
158        alt:    "Produkt C (deaktiviert)",
159        weight: 1,
160        active: false         // wird nicht angezeigt
161      }
162    ]
163  },
164  
165  // ----------------------------------------------------------
166  //  SLOT: "anzeige300x250"  –  z.B. rechte Spalte
167  // ----------------------------------------------------------
168  anzeige300x250: {
169    size:     "rectangle",    // 300 × 250
170    interval: 10000,
171    anim:     "fade",
172    showDots: false,
173    showBar:  false,
174    random:   true,           // zufällige Reihenfolge
175
176    banners: [
177      {
178        image:  "/shop/anzeige-bluray-300x250-1.png",
179        url:    "http://www.amazon.de/exec/obidos/ASIN/B01JOCMST0/diesliderssli-21",
180        target: "_blank",
181        alt:    "Blu-ray",
182        weight: 1,
183        active: true
184      },
185      {
186        image:  "/links/bilder/banner_allinkl_300x250.png",
187        url:    "https://all-inkl.com/PA27DF40AB32155",
188        target: "_blank",
189        alt:    "X",
190        weight: 1,
191        active: true
192      },
193      {
194        image:  "/images/ad/ad-paidviewpoint300x250.png",
195        url:    "https://paidviewpoint.com/landing/?r=q8e7gx+sliders",
196        target: "_blank",
197        alt:    "Umfragen bei PaidViewpoint.com beantworten",
198        weight: 1,
199        active: true         // wird angezeigt
200      }
201    ]
202  },
203  
204  // ----------------------------------------------------------
205  //  SLOT: "footer"  –  schmales Banner im Footer
206  // ----------------------------------------------------------
207  footer: {
208    // size:     "banner",       // 468 × 60
209	size:     { w: 468, h: 60 },  // eigene Pixelgröße
210    interval: 10000,
211    anim:     "fade",
212    showDots: false,
213    showBar:  false,
214    random:   false,
215
216    banners: [
217      {
218        image:  "https://all-inkl.com/banner/all-inkl_banner_468x60_white.gif",
219        url:    "https://all-inkl.com/PA27DF40AB32155",
220        target: "_blank",
221        alt:    "ALL-INKL.com",
222        weight: 1,
223        active: true
224      },
225      {
226        image:  "http://www.sliders-dimension.de/images/banner/banner-468x60-a-forum.jpg",
227        url:    "http://www.seriengeeks.de",
228        target: "_blank",
229        alt:    "Seriengeeks",
230        weight: 1,
231        active: true
232      },
233      {
234        image:  "https://all-inkl.com/banner/all-inkl_banner_468x60_black.jpg",
235        url:    "https://all-inkl.com/PA27DF40AB32155",
236        target: "_blank",
237        alt:    "ALL-INKL.com",
238        weight: 1,
239        active: true
240      },
241      {
242        image:  "/images/ad/ad-paidviewpoint468x60.png",
243        url:    "https://paidviewpoint.com/landing/?r=q8e7gx+sliders",
244        target: "_blank",
245        alt:    "Umfragen bei PaidViewpoint.com beantworten",
246        weight: 1,
247        active: true         // wird angezeigt
248      }	  
249    ]
250  },
251
252  // ----------------------------------------------------------
253  //  SLOT: "content"  –  z.B. mitten im Artikel, eigene Größe
254  // ----------------------------------------------------------
255  content: {
256    size:     { w: 600, h: 120 },  // eigene Pixelgröße
257    interval: 8000,
258    anim:     "fade",
259    showDots: false,
260    showBar:  true,
261    random:   false,
262
263    banners: [
264      {
265        image:  "banners/content-01.jpg",
266        url:    "https://example.com",
267        target: "_blank",
268        alt:    "Content-Banner",
269        weight: 1,
270        active: true,
271        startDate: "2025-06-01"   // ab diesem Datum aktiv
272      }
273    ]
274  }
275
276  // ----------------------------------------------------------
277  //  Weitere Slots einfach hier anhängen:
278  //
279  // ,meinSlot: {
280  //   size: "rectangle",
281  //   interval: 5000,
282  //   ...
283  //   banners: [ { image: "...", url: "..." } ]
284  // }
285  // ----------------------------------------------------------
286
287};