Foto Slide Show

Hallo zusammen,

frohes neues Jahr an alle.

Ich habe auf meiner Seite eine Foto Slide Show eingebaut.

Meine Fragen dazu:

1. Kann ich bei Foto und Text jeweils einen entsprechenden Link hinteregen?

2. Kann ich Schriftart-, -größe, -farbe etc. des Textes verändern?

Für Eure Hilfe danke ich im Voraus.

Guten Abend Herr Illuminat,
ich hab mir einmal die Freiheit genommen den entscheidenden Quellcode von deiner Startseite zu kopieren und hier einmal in die Einzelteile zu zersetzen.

Genau genommen kannst du deinen Quellcode in zwei Bereiche aufteilen (ich habe diese einmal farblich markiert). Zu jedem deiner Bilder muss die Bildadresse (rot) und der Text (grün) angegeben werden, der erscheinen soll. Die einzelnen Bilder kannst ganz einfach Verlinken, in dem du einen sogenannten "href" - Tag davor setzt. Die Größe des Textes lässt sich hierbei auch ganz simpel mit einem "Font" - Befehl ändern. Abgewandelt würde dein neuer Code also so aussehen:

An den grünen Markierungen kannst du ganz einfach einen Link einfügen, auf der das Bild führen soll. An den wiederum rot markierten Bereichen kannst du in Pixeln angeben wie groß der Text sein soll.

Achtung: Aus einem mir unerklärlichen Grund, kannst du bei verlinkten Bilder die Schriftgröße nicht ändern. Möchtest du bei Bildern die Schrift Größer haben, musst du den "<a href="">" - Teil vor deinen Bilder entfernen. (Ich vermute, dass das vom Script bedingt ist)


Falls du fragen hast, immer her damit .

Beste Grüße,
Mats

...besten Dank für Deine schnelle und sehr hilfreiche Antwort.

Bin sehr erfreut, dass hier im Forum so erstklassig unterstützt wird. Ich bin beinahe am Ziel nur noch eine Frage.

Wie kann ich denn erreichen, dass hinter jedem Text der gleiche Link hinterlegt ist wie bei dem dazugehörigen Bild. Haben den Code des ersten Bilds und des ersten Text unten aufgeführt. Beim Bild funktioniert es ohne Probleme, der Text ist momentan ohne Verlinkung.


<div id="coin-slider">
<a href="http://testilluminat.de.tl/xxxxxx.htm"><img alt="" width="500" height="300" src="http://img.webme.com/pic/j/jsg-altenhasslau-eidengesaess/img_0206__.jpg" />

<span> <font style="font-size: 24px; font-family: impact">E-Jugend Kader 2012/13</font></span>

Kein Problem, man hilft doch gerne .

Das ist relativ simpel du musst den "</a>"-Tag einfach hinter dem Text schließen.

Den grünen Teil entfernen und den roten Code einfügen . Voilá!

Beste Grüße,
Mats