Jquery einbinden,wie geht das?

Rennsemmel · 19 Juni 2010

Hallo,

bin jetzt seit 2 Tagen am probieren aber irgendwie klappt es nicht richtig.
Ganz speziell möchte ich diese Photo Slider Tutorial Gallerie verwenden.
Ich verstehe aber z.b. nicht wie ich die Fotos einfügen kann?Muß ich jedem Foto zuerst eine URL zuweisen bevor ich es in Dreamweaver nutzen kann?

So sieht mein aktueller Code aus:
Ich verstehe das mit der Base URL nicht.Bei den anderen Tools die ich probiert hab konnte man die Fotos direkt in den Code verlinken,direkt von der Festplatte.

Code:

<!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>
<style type="text/css">
<!--
body {
    background-color: #FFF;
    text-align: center;
    margin: 0px;
    padding: 0px;
    width: 1280px;
}
#container {
    text-align: left;
    width: 1280px;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}
#header {
    margin-top: 5px;
    margin-bottom: 0px;
    height: 30px;
    background-color: #FFF;
    padding: 0px;
    text-align: left;
    width: 1280px;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    line-height: 5px;
    margin-left: 5px;
}
#inhalt {
    margin-top: 0px;
    padding-top: 0px;
    height: 550px;
    background-color: #FFF;
    width: 1280px;
    text-align: center;
    font-size: 24px;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
-->
</style>
</head>
<link rel="stylesheet" type="text/css" media="screen" href="photoslider.css" />  
<script type="text/javascript" src="jquery.js"></script>  
<script type="text/javascript" src="photoslider.js"></script>
<body>
<div class="photoslider" id="default"></div>  
<script type="text/javascript">  
$(document).ready(function(){  
//change the 'baseURL' to reflect the host and or path to your images  
FOTO.Slider.baseURL = 'http://example.com/path/';    
//set images by filling our bucket directly  
FOTO.Slider.bucket = {  
'default': {  
0: {'thumb': 't_0.jpg', 'main': '0.jpg', 'caption': 'Opie'},  
1: {'thumb': 't_1.jpg', 'main': '1.jpg'},  
2: {'thumb': 't_2.jpg', 'main': '2.jpg', 'caption': 'Trash the Dress'},  
3: {'thumb': 't_3.jpg', 'main': '3.jpg'}  
 }  
 };  
 });  
 </script>  
<div class="pics"></div> 
<div id="container">
  <div id="header">
    <p>&nbsp;</p>
<blockquote>&nbsp;</blockquote>
  </div>
  <div id="inhalt">
    <blockquote>&nbsp;</blockquote>
  </div>
  <div id="footer"></div>
</div>
</body>
</html>

Danke

Jquery einbinden,wie geht das?

Rennsemmel

Neues Mitglied

Neueste Beiträge