Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag01.01.2013 um 12:18 (UTC)    
Titel: 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.
Beitrag01.01.2013 um 17:10 (UTC)    
Titel:

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.

Zitat:
<div id="coin-slider">
<img alt="" width="750" height="500" src="http://img.webme.com/pic/j/jsg-altenhasslau-eidengesaess/img_0206__.jpg" />
<span>E-Jugend Kader 2012/13</span>

<img alt="" width="750" height="500" src="http://img.webme.com/pic/j/jsg-altenhasslau-eidengesaess/img_0212_.jpg" />
<span>E3-Team beim eigenen Hallenturnier</span>

<img alt="" width="750" height="500" src="http://img.webme.com/pic/j/jsg-altenhasslau-eidengesaess/ae_geislitz.gif" />
<span>Mit Galavorstellung in die Weihnachtspause! E1 und E2 gewinnen!</span>
</div>


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:


Zitat:
<div id="coin-slider">
<a href="http://ichbineinelinkadresse.de.tl"><img alt="" width="750" height="500" src="http://img.webme.com/pic/j/jsg-altenhasslau-eidengesaess/img_0206__.jpg" /></a>
<span> <font style="font-size: 12px;">E-Jugend Kader 2012/13</font></span>

<a href="http://ichbineinelinkadresse.de.tl"><img alt="" width="750" height="500" src="http://img.webme.com/pic/j/jsg-altenhasslau-eidengesaess/img_0212_.jpg" /></a>
<span> <font style="font-size: 12px;">E3-Team beim eigenen Hallenturnier</font></span>

<a href="http://ichbineinelinkadresse.de.tl"><img alt="" width="750" height="500" src="http://img.webme.com/pic/j/jsg-altenhasslau-eidengesaess/ae_geislitz.gif" /></a>
<span> <font style="font-size: 12px;">Mit Galavorstellung in die Weihnachtspause! E1 und E2 gewinnen!</font></span>
</div>


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.

Arrow 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 Smile.

Beste Grüße,
Mats
Beitrag01.01.2013 um 19:22 (UTC)    
Titel:

...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>
Beitrag01.01.2013 um 19:28 (UTC)    
Titel:

Kein Problem, man hilft doch gerne Smile.

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

Zitat:
<a href="http://ichbineinelinkadresse.de.tl"><img alt="" width="750" height="500" src="http://img.webme.com/pic/j/jsg-altenhasslau-eidengesaess/img_0206__.jpg" /></a>
<span> <font style="font-size: 12px;">E-Jugend Kader 2012/13</font></span></a>


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

Beste Grüße,
Mats
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de