Autor |
Nachricht |
snouzle
Threadersteller
Dabei seit: 30.10.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 30.07.2010 14:10
Titel Bildlaufleiste mit JScorlPane |
|
|
Hallo liebe Gemeinde,
ich bin gerade daran die Standart-Scrollbar mit Hilfe von JScrollbar "umzugestalten". Einfach nur deshalb, weil die browsereigene überhaupt nicht in die Seite passt.
Nur leider will es nicht funktionieren.
Hier der Link:
http://hannemann-wd.ch/serviceFoto.html
Hier das html:
Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" media="all" href="jScrollPane.css" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/FreeSetCTT_400.font.js"></script>
<script type="text/javascript" src="js/FreeSetC_700.font.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.min.js"></script>
<script type="text/javascript" src="js/jquery.em.js"></script>
<script type="text/javascript" src="js/jScrollPane.js"></script>
<!--[if lt IE 7]>
<script type="text/javascript" src="js/ie_png.js"></script>
<script type="text/javascript">
ie_png.fix('.png, #menu li a, #navi li a');
</script>
<link href="ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
<script type="text/javascript">
$(function()
{
$('.scroll-pane').jScrollPane();
});
</script>
</head>
<body id="page7">
<div id="main-bg">
<div id="main">
<!-- content -->
<div id="content"> <a href="index.html" id="exit"></a> <a href="#" id="blog"></a>
<div id="content-blog">
<div class="indent">
<div class="wrapper">
<div class="col-1">
<div class="container">
<div class="wrapper">
<h2><em>Vorbereitung</em></h2>
<ul class="list">
<li>Teilen Sie mir bitte Ihre Wünsche und Vorstellungen betreffend der Aufnahmen mit.</li>
<li>Stellen Sie sich ein paar Outfits (gern helfe ich Ihnen dabei) zusammen.</li>
<li>Wenn Sie es wünschen bekommen Sie beim Shooting noch ein professionelles Styling von einer Visagistin.</li>
<li>Danach kann entschieden werden, welche Location dafür in Frage kommt.</li>
<li>Nun wird ein passender Termin gefunden.</li>
</ul>
<a href="kontakt.html" class="link">Noch Fragen?</a>
<div class="clear"></div>
</div>
</div>
</div>
<div class="col-2">
<div class="container">
<div class="wrapper">
<h2>Shooting</h2>
<ul class="list">
<li>Vorerst werden Sie für das Shooting (falls gewünscht) geschminkt und gestylt.</li>
<li>Jetzt werden verschiedene Bilder von Ihnen gemacht:</li>
<li>in verschiedenen Outfits und</li>
<li>in verschiedenen Posen.</li>
<li>Das Shooting dauert in der Regel 2-3 Stunden.</li>
</ul>
<a href="kontakt.html" class="link">Noch Fragen?</a>
<div class="clear"></div>
</div>
</div>
</div>
<div class="col-3">
<h2><span>Nachbearbeitung/<p>Auslieferung</span></h2>
<ul class="list">
<li>Vorerst werden Sie für das Shooting (falls gewünscht) geschminkt und gestylt.</li>
<li>Jetzt werden verschiedene Bilder von Ihnen gemacht:</li>
<li>in verschiedenen Outfits und</li>
<li>in verschiedenen Posen.</li>
<li>Das Shooting dauert in der Regel 2-3 Stunden.</li>
</ul>
<a href="#" class="link">Read More</a>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<ul id="navi">
<li class="act"><a href="serviceFoto.html">Fotoshooting</a></li>
<li><a href="serviceDesign.html">Design</a></li>
</ul>
</div>
<!-- footer -->
<div id="footer">
<div class="inner">
<div class="wrapper"> <strong><em>Telefon:</em>+41-79-754-64-90</strong> <strong><em>Email:</em> info@hannemann-wd.ch</strong>
<p><span>Jörn Hannemann</span> © 2010 | <a href="index-8.html">AGBs</a></p>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
|
Leider habe ich nicht all zu viel Erfahrungen ins Javascript. Muss ich denn jeder List diese Funktion einzeln zuweisen oder reicht es, wenn ich diese am Anfang aufrufe?
Vielen Dank schon mal im Voraus!
|
|
|
|
|
choise
Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht:
|
Verfasst Fr 30.07.2010 14:29
Titel
|
|
|
schau mal
|
|
|
|
|
Anzeige
|
|
|
snouzle
Threadersteller
Dabei seit: 30.10.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 30.07.2010 14:48
Titel
|
|
|
Danke erstmal. Habe wirklich das "jquery-1.3.2.min.js"-File vergessen und das andere war falsch benannt. Habe es berichtigt.
Nur leider funzt es noch nicht.
Wie heisst das Tool, welches Du da benutzt? Firebug? eclipse?
Zuletzt bearbeitet von snouzle am Fr 30.07.2010 14:49, insgesamt 1-mal bearbeitet
|
|
|
|
|
choise
Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht:
|
Verfasst Fr 30.07.2010 15:42
Titel
|
|
|
das ist die developer console von webkit.
jetzt hast du einen parse error in der ersten zeile deines mousewheel js
|
|
|
|
|
snouzle
Threadersteller
Dabei seit: 30.10.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 30.07.2010 16:04
Titel
|
|
|
So... jetzt kommt kein Fehler mehr. :/
|
|
|
|
|
snouzle
Threadersteller
Dabei seit: 30.10.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 30.07.2010 16:35
Titel
|
|
|
Funzt aber dennoch nicht.
|
|
|
|
|
bacon
Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
|
|
|
|
|
snouzle
Threadersteller
Dabei seit: 30.10.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Fr 30.07.2010 16:47
Titel
|
|
|
Ja, eben... das frage ich mich ja auch. Schöner Link, hat leider nur nichts mit der Sache zu tun.
Muss ich bei jeder Antwort die Frage wiederholen? Die Problematik ist, dass es momentan nicht funktioniert. Leider kenne ich nicht den Grund dafür.
Kann mir dennoch vorstellen, dass es was mit der html-Datei zu tun hat, dass ich es dort nicht sauber (wenn überhaupt) eingebunden habe.
So... noch ein obligatorisches "?".
|
|
|
|
|
|
|
|
Ähnliche Themen |
Bildlaufleiste
Verlinkung in horizontaler Bildlaufleiste
Bildlaufleiste in Endlosschleife mit Stop
Dreamweaver MX bildlaufleiste immer unten
[Suche] Lightbox Erweiterung - Bildlaufleiste
FLASH Bildlaufleiste mit dynamischen Tweens
|
|