Suche im Forum:
Suchen


Autor Nachricht
Beitrag11.02.2013 um 23:29 (UTC)    
Titel: [erledigt] Problem mit Slideshow

EDIT 2: Ich habe das ganze nun umsetzen können. So sieht es aus:

http://floorballtestseite.de.tl/Titel-der-neuen-Seite.htm

Eine einzige Sache bleibt noch: Ich möchte gerne im Text, der eingeblendet wird, einen Link platzieren. Da der Text im "rel" Teil vom Bild ist, weiß ich aber nicht, wie ich das realisieren kann, weiß jemand die Antwort?
Grüße

Guten Abend,
ich habe ein kleines Problem mit einer Slideshow, die ich auf meiner Homepage einbinden möchte:

1. Rechts vom Bild ist der Rand immer größer als der links vom Bild, kann mir jemand sagen, wie ich das behebe? (EDIT: nicht mehr nötig, das lasse ich ganz einfach weg Smile )

1. Die Slideshow "verdeckt" den ausklappbaren Teil der Navigation, kann man es so einstellen, dass die Navigation über die Slideshow eingeblendet wird?

2. Ich möchte innerhalb der Slideshow einen Text mit transparentem Hintergrund auf den unteren Teil des Bildes haben, ist das möglich, wenn ja wie?


Das ganze seht ihr zur Zeit auf meiner Testseite: http://floorballtestseite.de.tl/

Vielleicht kann ja jemand weiterhelfen, ich wäre sehr dankbar!

Hier der relevante Teil des Quellcodes:
Content:
Code:

<!-- include jQuery library --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/
jquery/1.4.1/jquery.min.js"></script> <!-- include Cycle plugin --> <script type="text/javascript" src="http://cloud.github.com/downloads/malsup/
cycle/jquery.cycle.all.2.74.js"></script> <!--  initialize the slideshow when the DOM is ready --> <script type="text/javascript">
$(document).ready(function() {
    $('.slideshow')
   .after('<div id="nav">')
   .cycle({
      fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
    pager:  '#nav'
   });
});
</script>
<div class="slideshow">
<img width="630" src="http://img.webme.com/pic/f/floorball-tetenbuell/startseiteklein.jpg" alt="" />
<img width="630" src="http://img.webme.com/pic/f/floorball-tetenbuell/4talente.jpg" alt="" />
<img width="630" src="http://img.webme.com/pic/f/floorball-tetenbuell/mbohnet.jpg" alt="" />
</div>
<!--end slideshow-->   

CSS:
Code:

.slideshow {
    width: 636px;
    margin: 0px;
background-color: #ccc;
}
.slideshow img {
width: 636px;
    padding: 3px;
    background: #transparent;
}


Vielen Dank schonmal im Voraus und einen schönen Abend!
Grüße
Francesco
______________
Floorball is life, the rest is just detail!


Zuletzt bearbeitet von floorball-tetenbuell am 13.02.2013, 09:04, insgesamt 4-mal bearbeitet
Beitrag12.02.2013 um 15:07 (UTC)    
Titel:

Das mit der verdeckten navi kannste mit z-index lösen!

Der <a>-tag zum verlinken geht nicht?
Beitrag12.02.2013 um 15:22 (UTC)    
Titel:

Hey,
danke für deine Antwort.
Im Quellcode sieht das ganze im Moment so aus:
Code:

<a href="/kontakt.htm" class="show">
      <img src="http://img.webme.com/pic/f/floorball-tetenbuell/startseiteklein.jpg" alt="Wilkommen" width="630" title="" alt="" rel="<h2>Floorball im TSV Tetenbüll</h2><br/>Herzlich Willkommen auf der offiziellen Homepage der Floorballabteilung im TSV Tetenbüll e.V.!"/>
   </a>

Wenn ich in den "rel" Teil ein <a href....> reinschreiben, dann wird der Link unterhalb des Bildes angezeigt.

Zum Z-index: Wo genau muss das platziert werden? In den CSS Anweisungen zur Navigation?
Grüße und danke nochmals,
Francesco
Beitrag12.02.2013 um 15:40 (UTC)    
Titel:

welche slideshow benutzt du den?

ja z-index von der navi muss ein höheren wert als der der slideshow haben
Beitrag13.02.2013 um 08:03 (UTC)    
Titel:

Hey,
danke für deine Hilfe, ich habe nun noch eine andere gefunden und für meine Zwecke umgebastelt, mit der ich ganz zufrieden bin.
Vielen Dank für deine Mühe, kann dann glaube ich geschlossen werden!
Grüße

http://floorballtestseite.de.tl/Titel-der-neuen-Seite2.htm
______________
Floorball is life, the rest is just detail!


Zuletzt bearbeitet von floorball-tetenbuell am 13.02.2013, 09:05, insgesamt einmal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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