mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 11:55 Benutzername: Passwort: Auto-Login

Thema: Horizontal Scrollen mit Previous und Next vom 12.12.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Horizontal Scrollen mit Previous und Next
Autor Nachricht
crisis077
Threadersteller

Dabei seit: 12.12.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst So 12.12.2010 11:39
Titel

Horizontal Scrollen mit Previous und Next

Antworten mit Zitat Zum Seitenanfang

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;">&laquo; Previous</a><a class="boton" href="#" onclick="NextPanel(); return false;">Next &raquo;</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!!
  View user's profile Private Nachricht senden
remote

Dabei seit: 10.11.2006
Ort: /var/www/
Alter: 109
Geschlecht: Männlich
Verfasst So 12.12.2010 14:02
Titel

Antworten mit Zitat Zum Seitenanfang

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")
  View user's profile Private Nachricht senden
Anzeige
Anzeige
crisis077
Threadersteller

Dabei seit: 12.12.2010
Ort: -
Alter: -
Geschlecht: -
Verfasst So 12.12.2010 14:32
Titel

Antworten mit Zitat Zum Seitenanfang

ja, habe ich kopiert, weil ich keine ahnung habe, wie man das macht... *bäh*


kannst du mir helfen? Ich habe den Code von der eine website (link oben) kopiert...

danke
  View user's profile Private Nachricht senden
remote

Dabei seit: 10.11.2006
Ort: /var/www/
Alter: 109
Geschlecht: Männlich
Verfasst So 12.12.2010 14:37
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
immerIch

Dabei seit: 19.10.2010
Ort: #mein{display:block}
Alter: 35
Geschlecht: Männlich
Verfasst Mo 13.12.2010 14:51
Titel

Antworten mit Zitat Zum Seitenanfang

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....
  View user's profile Private Nachricht senden
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.