Set Up Carousel

| 18 September 2013 | , , |
Um den Fader in Stand zu setzen, müssen als erstes Bilder zugeschnitten werden. Die Breite beträgt 1300px, die Höhe spielt keine Rolle, solange alle Bilder die gleichen Dimensionen haben. Ich habe jetzt 4 Bilder eingebunden, es können aber auch weniger und/oder mehr eingefügt werden.

Das sind meine Bilder, die ich hochgeladen habe.

To implement the Fader we first need to prepare our images. The width is 1300px, height doesn't matter as long as each picture is the same. I added 4 pics, but you can add as many as you want.

Those are my pictures, which I uploaded in order to have the image link







Danach geht ihr in euer HTML

Now open up the code



Der Code der einzelnen Bilder ist bereits dort, das einzige was jetzt getan werden muss, ist Inhalt einzufügen.

The code is already given, you just have to add some content

<img alt='Slide1' src='/slide1.jpg'/>

Nach src=' fügt ihr euren Bildlink ein.

After src=' you add your image link.

<h3>Heading</h3>

Heading ersetzt ihr durch euren Titel

Replace Heading with your title

<p>Description</p>

Description wird durch eine kleine Beschreibung ersetzt.

Self-explainatory. Replace this with a little description

<p><a class='btn btn-default' href='#'>Link</a></p>

Und hier kommt euer Link und LinkText rein.

And here you wanna add a link and a linktext.

Before and After





Remove Fader

Um den Fader auszublenden, sucht man als erstes im HTML nach

To hide the fader search your code for the following

]]></b:template-skin>

oberhalb davon kommt folgende CSS hin.

Above this, paste this CSS

  .carousel{
      display: none; 
  }

Speichern und der Fader ist verschwunden.

Save and the carousel is gone.


Newer Post Older Post