Bannerrotation Homepage

McBash · 1. Dezember 2011

Hi,

ich bräuchte mal wieder eure Hilfe. Und zwar möchte ich auf meiner Homepage eine Bannerrotation haben.

Habe hierzu schon diverse Scripte aus dem Netz probiert aber leider funktioniert das nicht so ganz wie gewollt.

Wichtig bei der Rotation wäre, dass sich die seite nicht immer permanent neu lädt und so der Warenkorb des Kunden sich eventuell löscht.

Der Pfad der Bilder lautet wie folgt images/startseitenbanner1.jpg bzw starseitenbanner2.jpg

Wäre echt dankbar wenn mir hier jemand einen funktionierenden Code zaubern könnte.

Danke Danke Danke

Turas · 1. Dezember 2011

Wo ist das Problem?!

Code:

<img src="images/banner<?php echo rand(1,3); ?>">

McBash · 1. Dezember 2011

wie sieht der code dann in meinem Fall aus?

<img src="images/startseitenbanner1.jpg<?php echo rand(1,3); ?>">
<img src="images/startseitenbanner2.jpg<?php echo rand(1,3); ?>">

Funart · 1. Dezember 2011

<img src="images/startseitenbanner<?php echo rand(1,3);?>.jpg">

Find die Lösung aber alles andere als elegant aber ok

Turas · 1. Dezember 2011

Nein, rand soll dir eine ganze Zahl zwischen 1 und (in deinem Fall 2 erzeugen. Die so erzeugte Zahl gibt dir die Nummer des Banners an und diese ersetzt die Zahl 1 bzw 2:

<img src="images/startseitenbanner<?php echo rand(1,2); ?>.jpg">

nero51282 · 1. Dezember 2011

Wenn ich dich richtig verstehe möchtest du alle X Sekunden den Banner wechseln, ohne die Seite komplett neu zu laden?

<img src="images/startseitenbanner<?php echo rand(1,2); ?>.jpg">

würde nur bewirken das ein beliebiger Banner ausgewählt wird wenn die Seite neu geladen wird.

http://www.hotscripts.com/category/scripts/javascript/scripts-programs/banner-rotation/

hier sollte sich was passendes finden lassen.

JpG · 1. Dezember 2011

Ist hald die Frage, ob er eine Rotation ohne neues Laden der Seite haben will oder einfach bei jedem Aufruf einen anderen Banner.

McBash · 1. Dezember 2011

Auf der Seite komme ich leider auch nicht weiter.

Wie gesagt, möchte einfach eine Rotation nach x Sekunden ohne die Seite neu zu laden

Bitte helft einem Anfänger

Edit:

so hab nun folgendes Scrip gefunden. Wie passe ich dieses nun an, wenn die banner die ich habe hier zu finden sind:

images/startseitenbanner1.jpg
images/startseitenbanner2.jpg

PHP:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Banner Change</title>
<script type="text/javascript">
   /**
   * @banner    [array] Bannersammlung
   */
   var banner = new Array();
   banner[0] = {
      href: 'http://www.whatever.com',
      src: 'banner0.gif',
      alt: 'alttext 0'
   }
   banner[1] = {
      href: 'http://www.whatever.com',
      src: 'banner1.gif',
      alt: 'alttext 1'
   }
   banner[2] = {
      href: 'http://www.whatever.com',
      src: 'banner2.gif',
      alt: 'alttext 2'
   }
   banner[3] = {
      href: 'http://www.whatever.com',
      src: 'banner3.gif',
      alt: 'alttext 3'
   }
   banner[4] = {
      href: 'http://www.whatever.com',
      src: 'banner4.gif',
      alt: 'alttext 4'
   }
   banner[5] = {
      href: 'http://www.whatever.com',
      src: 'banner5.gif',
      alt: 'alttext 5'
   }
   /**
   * @bannerChange      Gibt zufälligen Banner zurück [html]
   * @param         [string] id des banner-containers
   *                [array] die Bannersammlung
   *                [number] refresh in ms (optional)
   */
   var bannerChange = {
      init: function(zone,store,time){
         this.name  = 'bannerChange';
         this.zone  = document.getElementById(zone);
         this.store = store;
         this.count = store.length-1;
         this.time  = (time) ? time : false;
         this.lastNr = null;
         
         this.preloadImages();
         this.randomShow();
         if (this.time) this.interval = window.setInterval(this.name+".randomShow()", time);
      },
      preloadImages: function(){
         for (var i=0;i<=this.count;i++) {
            var img = new Image();
            img.src = this.store[i].src;
         }
      },
      getRandomNr: function(){
         var nextNr;
         do {
            nextNr = Math.round(this.count * Math.random());
         } while(nextNr == this.lastNr);
         this.lastNr = nextNr;
         return nextNr;
      },
      randomShow: function(){
         var whichOne = this.getRandomNr();         
         var html = '<a href="'+this.store[whichOne].href+'" >';
         html     += '<img src="'+this.store[whichOne].src+'" ';
         html     += ' alt="'+this.store[whichOne].alt+'">';
         html     += '</a>';
         this.zone.innerHTML = html;
      }
   }
   window.onload = function(){
      bannerChange.init('dropzone',banner,1000);
   }
</script>
</head>

<body>
<div id="dropzone">
   <!-- banner goes here -->
    <a href="http://www.whatever.com">
      <img src="banner0.gif" alt="banner für user ohne javascript" />
    </a>
</div>
</body>
</html>

nero51282 · 1. Dezember 2011

Auf der Seite finden sich einige Scripte die das bieten was du suchst.

Unter anderem dieses hier, scheint auf den ersten Blick gut strukturiert und ordentlich dokumentiert.

www.echochrist.com/magicimage.php

PS: Wenn du Code postest, bitte mit der Code Funktion.

PPS: Du erwähnst das der Warenkorb deiner Kunden sich nicht löscht. Das sagt mir das du ein Shopsystem benutzt. Falls dem so ist wäre es gut zu wissen welches, vielleicht kennt jemand eine passende Erweiterung.

Ergänzung (1. Dezember 2011)

Erst deine Banner eintragen.

Code:

banner[0] = {
href: 'http://www.whatever.com',            // Link ändern
src: 'images/startseitenbanner1.jpg',      // Pfad deiner Bilddatei
alt: 'alttext 0'                           // Und alternativer Text
}

Dann folgenden Code anpassen:

Code:

bannerChange.init('dropzone',banner,1000);

Dabei ist 'dropzone' die ID deines html Containers für den Banner z.B. <div id="dropzone">
der Wert Banner steht für den Namen des Arrays in dem die Informationen zu den Bannern gespeichert sind. In diesem Fall

Code:

var banner = new Array();

Der dritte Wert gibt die Zeit in Millisekunden zum Wechseln des Banners vor.

Dort wo der Banner erscheinen soll werden folgende Zeilen platziert

HTML:

<div id="dropzone">
<!-- banner goes here -->
<a href="http://www.whatever.com">
<img src="banner0.gif" alt="banner für user ohne javascript" />
</a>
</div>

Und nicht vergessen dort einen deiner Banner einzutragen für diejenigen die Javascript deaktiviert haben.

McBash · 1. Dezember 2011

@ Xetoxyc

Dein offtopic Scheiss kannst du dir sparen! Anstatt hier zu Flamen hättest du auch helfen können.

Ich habe nicht sonderlich viel Ahnung von HTML (bis vor 4 Wochen sogar 0), habe mich aber selbstständig gemacht und ein Shop mit Shopware aufgebaut. Hab mir alles durch selfhtml und learning by doing angeeignet.

Doch bei gewissen Dingen kommt man einfach nicht weiter und ist ohne Hilfe aufgeschmissen.

Daher ein Dank an all diejenigen, die helfen wollten und nicht den weg des Xetoxyc gewählt haben.

Für alle die es interessiert, das hier ist der Shop also doch keine Hausaufgaben

Edit:

@nero51282

muss ich nicht beim Pfad der Bilder folgendes eingeben? src="images/startseitenbanner.jpg"

Wenn ich nur images/starseitenbanner.jpg eingebe, findet er das Bild nicht.

Siehe hier

Xetoxyc · 2. Dezember 2011

naja is hald alles auser schnell...
sonst schaut er schon recht net aus....
wie schauts mit datensicherheit aus ?
da an alles gedacht ?

Gajel · 3. Dezember 2011

Ich will dir ja nich gleich ans Bein kacken aber ecommerce ist einiges mehr als ein Onlineshop aufsetzen und mit Produkten zu füllen. Stichpunkte "usability" und "ecommerce recht" (vor allem in Deutschland ist so ziehmlich alles gesetzlich geregelt). Ich würde mir da mal ein paar Gedanken machen sonst fällst mit dem Shop schneller auf die Nase als du glaubst.

Das ist ein gut gemeinter Rat.

mcflash · 6. Dezember 2011

Gajel schrieb:
Ich will dir ja nich gleich ans Bein kacken aber ecommerce ist einiges mehr als ein Onlineshop aufsetzen und mit Produkten zu füllen. Stichpunkte "usability" und "ecommerce recht" (vor allem in Deutschland ist so ziehmlich alles gesetzlich geregelt). Ich würde mir da mal ein paar Gedanken machen sonst fällst mit dem Shop schneller auf die Nase als du glaubst.

Das ist ein gut gemeinter Rat.

Diesem Rat kann ich mich uneingeschränkt anschließen! Schon mal was von Verpackungsrichtlinie gehört? Wie sieht es mit rechtssicheren AGB aus?
Das sind nur zwei Beispiele für die vielen Felder, auf denen du dich fit machen musst! Sonst hagelts Abmahnungen, und das Finanzamt macht dir vielleicht auch den Laden zu und ruiniert dich finanziell! Was meinst du, warum soviele Existenzgründer im eCommerce so kapital auf die Sch***ze fliegen?

Was deine Slider angeht:
1. Mit PHP geht da garnichts, ohne das die Seite neu geladen wird. PHP wird auf dem Server ausgeführt.
2. Shopware hat eine Funktion für einen Kategorie Slider.
3. Es gibt im Community Store Slider für wenig Geld zu kaufen.
4. Mit ein wenig JavaScript und AJAX kannste einen der Standard Slider (gibt tausende im Netz) in dein Custom Template einbauen.
5. Wenn du das nicht selbst kannst, oder nicht gut kannst -> hol dir Hilfe! Es gibt eine ganze Menge Shopware Partner, die dir das mir Freude einbauen.

Für einen Shop, mit dem man auch Geld verdienen will sollte man auch bereit sein, Geld auszugeben! Ein Ladengeschäft würdest du doch auch nicht gratis mit Möbeln aus dem Sperrmüll ausstatten, oder?

Ergänzung (6. Dezember 2011)

Und mir ist gerade noch etwas aufgefallen: Basiert dein Shop wirklich auf Shopware? Mir kommt das irgendwie seeehr merkwürdig vor! Das sieht vom Design (auch was den html Code angeht) her nicht wie ein aktuelles Shopware System aus. Wenn man mal genauer hinschaut, kommt man auf: www.imsuperstore.de/notebooksguenstiger. Das ist also ein Superstore von Ingram Micro. Basiert das auf Shopware? Muss dann m.E. eine ziemlich alte Version sein.

lynxx · 6. Dezember 2011

Warum nicht einfach ein animiertes GIF als Banner nehmen. Dann ist keinerlei PHP, Frame reload, oder sonstiger Code nötig und läuft in jedem Browser.

nero51282 · 8. Dezember 2011

lynxx schrieb:
Warum nicht einfach ein animiertes GIF als Banner nehmen. Dann ist keinerlei PHP, Frame reload, oder sonstiger Code nötig und läuft in jedem Browser.

Zumindest um schnell zum Erfolg zu kommen eine Möglichkeit. Falls man aber auf Angebote hinweisen will sind wir aber bei Javascript. Das GIF wäre ne Möglichkeit für diejenigen die kein Javascript haben oder es deaktiviert haben.

Suche

Bannerrotation Homepage

McBash

Lieutenant

Turas

Lt. Commander

McBash

Lieutenant

Funart

Lieutenant

Turas

Lt. Commander

nero51282

Cadet 2nd Year

JpG

Commodore

McBash

Lieutenant

nero51282

Cadet 2nd Year

McBash

Lieutenant

Xetoxyc

Lieutenant

Gajel

Banned

mcflash

Ensign

lynxx

Lt. Junior Grade

nero51282

Cadet 2nd Year

Ähnliche Themen