Autor |
Nachricht |
crisis077
Threadersteller
Dabei seit: 12.12.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst So 12.12.2010 12:39
Titel Horizontal Scrollen mit Previous und Next |
|
|
hallo zusammen,
wie kann ich ein horizontales Fenster mit Fotos in Dreamweaver (CS5) scrollen wie hier:
http://germansaezphoto.com/places/miami ?
Ich wäre auch dankbar wenn ihr genau schreibt WO ich den Codes einfügen soll...
Bei mir sieht die CODES momentan so aus:
<!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>Unbenanntes Dokument</title>
<link href="css/CLV.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="kopf"></div>
<div id="menu">
<p>menu</p>
</div>
<div id="submenu">
<p>submenu</p>
</div>
<div id="inhalt" class="panelphoto"> inhalt
<div class="panelgrupo">
<div class="panelfoto"><img id="foto" src="images/foto_1.jpg" alt="Berlin" /><br /><p class="desc">2008</p></div>
<div class="panelfoto"><img id="foto" src="images/foto_2.jpg" alt="Berlin" /><br /><p class="desc">2008</p></div>
<div class="panelfoto"><img id="foto" src="images/foto_1.jpg" alt="Berlin" /><br /><p class="desc">2008</p></div>
<div class="panelfoto"><img id="foto" src="images/foto_2.jpg" alt="Berlin" /><br /><p class="desc">2008</p></div>
</div>
<div id="scrollen">
<div id="limpiar">
<div align="center">
<a class="boton" href="#" onclick="sp2.showPreviousPanel(); return false;">« Previous</a><a class="boton" href="#" onclick="NextPanel(); return false;">Next »</a>
</div>
Aber anstatt dass die Bilder NEBEN einnander bleiben, sind sie UNTEN einander... und den PREVOUS/NEXT sind in blau (ich hätte gerne andere Farbe), zusammen gescrieben (ohne abstand) und funktionieren nicht... ich versuche ein Screenshot davon hochzuladen...
Danke!!
|
|
|
|
|
remote
Dabei seit: 10.11.2006
Ort: /var/www/
Alter: 110
Geschlecht:
|
Verfasst So 12.12.2010 15:02
Titel
|
|
|
hast du den aufbau aus irgendeinem tutorial kopiert?
auf den ersten blick würde ich sagen, dass da eine .js datei fehlt.
abgesehen davon solltest du nie 2x das gleiche id attribut vergeben (id="foto")
|
|
|
|
|
Anzeige
|
|
|
crisis077
Threadersteller
Dabei seit: 12.12.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst So 12.12.2010 15:32
Titel
|
|
|
ja, habe ich kopiert, weil ich keine ahnung habe, wie man das macht...
kannst du mir helfen? Ich habe den Code von der eine website (link oben) kopiert...
danke
|
|
|
|
|
remote
Dabei seit: 10.11.2006
Ort: /var/www/
Alter: 110
Geschlecht:
|
Verfasst So 12.12.2010 15:37
Titel
|
|
|
ich helf ungern beim klauen - zumal es doch xtausend slider tutorials mit democode zum download gibt.
google doch mal nach "jquery slider tutorial". da solltest du anleitungen finden.
|
|
|
|
|
immerIch
Dabei seit: 19.10.2010
Ort: #mein{display:block}
Alter: 35
Geschlecht:
|
Verfasst Mo 13.12.2010 15:51
Titel
|
|
|
Lies dich am besten erstmal in Javascript rein, bevor du irgendwas anstellen möchtest.
Sergey Brin hat ja auch nicht, ohne jeglichen Plan zu haben, Google aus dem Boden gestampft....
|
|
|
|
|
|
|
|
Ähnliche Themen |
[CSS] Horizontal Scrollen
Automatisch horizontal scrollen
Horizontal Scrollen - Dreamweaver
nur vertikal-scrollen / nicht horizontal. geht das?
automatisch mit javascript horizontal und vertikal scrollen
DIV dazu bringen per klick horizontal zu scrollen
|
|