Antworten auf deine Fragen:
Neues Thema erstellen

Lightbox-HILFE!!!

ohmalley

Noch nicht viel geschrieben

AW: Lightbox-HILFE!!!

Wenn es der Quelltext der angezeigten Datei ist, ist eigentlich nicht falsch, wenn die Bilder die angezeigt werden sollen in einem Unterordner liegen und die Referenz (relativer Pfad zur Datei) stimmt.
Desktop/bilder/thumb-1.jpg[/IMG]

index.html liegt in
->Desktop
darunter die Ordner:
/css
/js
/bilder -> hier die obengenannten Bilder
 

fimea

Noch nicht viel geschrieben

AW: Lightbox-HILFE!!!

so sieht jetzt mein quellcode aus:

<html xmlns:eek:="urn:schemas-microsoft-com:eek:ffice:eek:ffice"
xmlns:w="urn:schemas-microsoft-com:eek:ffice:word"
xmlns="HTML 4.01 Specification">
<head>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<meta http-equiv=Content-Type content="text/html; charset=windows-1252">
<meta name=ProgId content=Word.Document>
<meta name=Generator content="Microsoft Word 10">
<meta name=Originator content="Microsoft Word 10">
<link rel=File-List href="Dok2-Dateien/filelist.xml">
<head>
<title>Beispiel</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="lightbox2/prototype.js"></script>
<script type="text/javascript" src="lightbox2/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="lightbox2/lightbox.js"></script>
<link rel="stylesheet" href="lightbox2/lightbox.css" type="text/css" media="screen" />
<style type="text/css">
body {
margin:0;
padding:0;
background:#fff;
}
h1 {margin:0.5em; }
ul, li {margin:0 0.5em; padding:0; list-style-type:none; }
li img {
margin:0.5em;
padding:0.2em;
border:1px solid #999;
background:#fff;
}

</style>

<!--[if gte mso 9]><xml>
<o:DocumentProperties>
<o:Author>Filiz</o:Author>
<o:Template>Normal</o:Template>
<o:LastAuthor>Filiz</o:LastAuthor>
<o:Revision>2</o:Revision>
<o:Created>2008-11-24T10:58:00Z</o:Created>
<o:LastSaved>2008-11-24T10:58:00Z</o:LastSaved>
<o:pages>1</o:pages>
<o:Lines>1</o:Lines>
<o:paragraphs>1</o:paragraphs>
<o:Version>10.2625</o:Version>
</o:DocumentProperties>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:WordDocument>
<w:HyphenationZone>21</w:HyphenationZone>
<w:DisplayHorizontalDrawingGridEvery>0</w:DisplayHorizontalDrawingGridEvery>
<w:DisplayVerticalDrawingGridEvery>0</w:DisplayVerticalDrawingGridEvery>
<w:UseMarginsForDrawingGridOrigin/>
<w:Compatibility>
<w:FootnoteLayoutLikeWW8/>
<w:ShapeLayoutLikeWW8/>
<w:AlignTablesRowByRow/>
<w:ForgetLastTabAlignment/>
<w:LayoutRawTableWidth/>
<w:LayoutTableRowsApart/>
<w:UseWord97LineBreakingRules/>
<w:ApplyBreakingRules/>
</w:Compatibility>
<w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>
</w:WordDocument>
</xml><![endif]-->
<style>
<!--
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{mso-style-parent:"";
margin:0cm;
margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.0pt;
font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";}
@page Section1
{size:595.3pt 841.9pt;
margin:70.85pt 70.85pt 2.0cm 70.85pt;
mso-header-margin:36.0pt;
mso-footer-margin:36.0pt;
mso-paper-source:0;}
div.Section1
{page:Section1;}
-->
</style>
<!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Normale Tabelle";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-parent:"";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin:0cm;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.0pt;
font-family:"Times New Roman";}
</style>
<![endif]-->
</head>
<body lang=DE style='tab-interval:35.4pt'>
<div class=Section1>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>
</div>
</body>
<h1>Lightbox 2</h1>
<ul>
<li><a href="vitamingarten/blume.jpg" rel="lightbox[bilder]" title="Bild1"><img src="bilder/thumb-1.jpg" width="100" height="40" alt="Bild1" /></a></li>
<li><a href="bilder/physalis.jpg" rel="lightbox[bilder]" title="Bild2"><img src="bilder/thumb-2.jpg" width="100" height="40" alt="Bild2" /></a></li>
<li><a href="bilder/image-3.jpg" rel="lightbox[bilder]" title="Bild3"><img src="bilder/thumb-3.jpg" width="100" height="40" alt="Bild3" /></a></li>
<li><a href="bilder/image-4.jpg" rel="lightbox[bilder]" title="Bild4"><img src="bilder/thumb-4.jpg" width="100" height="40" alt="Bild4" /></a></li>
<li><a href="bilder/image-5.jpg" rel="lightbox[bilder]" title="Bild5"><img src="bilder/thumb-5.jpg" width="100" height="40" alt="Bild5" /></a></li>
<li><a href="bilder/image-6.jpg" rel="lightbox[bilder]" title="Bild6"><img src="bilder/thumb-6.jpg" width="100" height="40" alt="Bild6" /></a></li>
</ul>

</html>
 

fimea

Noch nicht viel geschrieben

AW: Lightbox-HILFE!!!

Ja, also, auf der seite steht z. B. bild 1, wenn ich dann draufklicke öffnet sich das bild.

Wie meinst du das mit zieh body vor html?
 

ohmalley

Noch nicht viel geschrieben

AW: Lightbox-HILFE!!!

<body lang=DE style='tab-interval:35.4pt'>
<div class=Section1>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>
</div>
</body>
<h1>Lightbox 2</h1>
<ul>
<li><a href="vitamingarten/blume.jpg" rel="lightbox[bilder]" title="Bild1"><img src="bilder/thumb-1.jpg" width="100" height="40" alt="Bild1" /></a></li>
<li><a href="bilder/physalis.jpg" rel="lightbox[bilder]" title="Bild2"><img src="bilder/thumb-2.jpg" width="100" height="40" alt="Bild2" /></a></li>
<li><a href="bilder/image-3.jpg" rel="lightbox[bilder]" title="Bild3"><img src="bilder/thumb-3.jpg" width="100" height="40" alt="Bild3" /></a></li>
<li><a href="bilder/image-4.jpg" rel="lightbox[bilder]" title="Bild4"><img src="bilder/thumb-4.jpg" width="100" height="40" alt="Bild4" /></a></li>
<li><a href="bilder/image-5.jpg" rel="lightbox[bilder]" title="Bild5"><img src="bilder/thumb-5.jpg" width="100" height="40" alt="Bild5" /></a></li>
<li><a href="bilder/image-6.jpg" rel="lightbox[bilder]" title="Bild6"><img src="bilder/thumb-6.jpg" width="100" height="40" alt="Bild6" /></a></li>
</ul>

</html>
dieses </body> im Quelltext gehört nicht an diese Stelle,
sondern an diese Stelle </body></html>
vor dem </html>.

<body lang=DE style='tab-interval:35.4pt'>
<div class=Section1>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>
</div>
</body>
<h1>Lightbox 2</h1>
<ul>
<li><a href="vitamingarten/blume.jpg" rel="lightbox[bilder]" title="Bild1"><img src="bilder/thumb-1.jpg" width="100" height="40" alt="Bild1" /></a></li>
<li><a href="bilder/physalis.jpg" rel="lightbox[bilder]" title="Bild2"><img src="bilder/thumb-2.jpg" width="100" height="40" alt="Bild2" /></a></li>
<li><a href="bilder/image-3.jpg" rel="lightbox[bilder]" title="Bild3"><img src="bilder/thumb-3.jpg" width="100" height="40" alt="Bild3" /></a></li>
<li><a href="bilder/image-4.jpg" rel="lightbox[bilder]" title="Bild4"><img src="bilder/thumb-4.jpg" width="100" height="40" alt="Bild4" /></a></li>
<li><a href="bilder/image-5.jpg" rel="lightbox[bilder]" title="Bild5"><img src="bilder/thumb-5.jpg" width="100" height="40" alt="Bild5" /></a></li>
<li><a href="bilder/image-6.jpg" rel="lightbox[bilder]" title="Bild6"><img src="bilder/thumb-6.jpg" width="100" height="40" alt="Bild6" /></a></li>
</ul>

</body></html>


außerdem soll das Bild angezeigt werden nicht der "alt" -Text
 

fimea

Noch nicht viel geschrieben

AW: Lightbox-HILFE!!!

Ich weis ohmalley, das ich dir den letzten nerv geraubt habe. Und jetzt sieht´s bei mir so aus:

<html xmlns:eek:="urn:schemas-microsoft-com:eek:ffice:eek:ffice"
xmlns:w="urn:schemas-microsoft-com:eek:ffice:word"
xmlns="HTML 4.01 Specification">
<head>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<meta http-equiv=Content-Type content="text/html; charset=windows-1252">
<meta name=ProgId content=Word.Document>
<meta name=Generator content="Microsoft Word 10">
<meta name=Originator content="Microsoft Word 10">
<link rel=File-List href="Dok2-Dateien/filelist.xml">
<head>
<title>Beispiel</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="lightbox2/prototype.js"></script>
<script type="text/javascript" src="lightbox2/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="lightbox2/lightbox.js"></script>
<link rel="stylesheet" href="lightbox2/lightbox.css" type="text/css" media="screen" />
<style type="text/css">
body {
margin:0;
padding:0;
background:#fff;
}
h1 {margin:0.5em; }
ul, li {margin:0 0.5em; padding:0; list-style-type:none; }
li img {
margin:0.5em;
padding:0.2em;
border:1px solid #999;
background:#fff;
}

</style>

<!--[if gte mso 9]><xml>
<o:DocumentProperties>
<o:Author>Filiz</o:Author>
<o:Template>Normal</o:Template>
<o:LastAuthor>Filiz</o:LastAuthor>
<o:Revision>2</o:Revision>
<o:Created>2008-11-24T10:58:00Z</o:Created>
<o:LastSaved>2008-11-24T10:58:00Z</o:LastSaved>
<o:pages>1</o:pages>
<o:Lines>1</o:Lines>
<o:paragraphs>1</o:paragraphs>
<o:Version>10.2625</o:Version>
</o:DocumentProperties>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:WordDocument>
<w:HyphenationZone>21</w:HyphenationZone>
<w:DisplayHorizontalDrawingGridEvery>0</w:DisplayHorizontalDrawingGridEvery>
<w:DisplayVerticalDrawingGridEvery>0</w:DisplayVerticalDrawingGridEvery>
<w:UseMarginsForDrawingGridOrigin/>
<w:Compatibility>
<w:FootnoteLayoutLikeWW8/>
<w:ShapeLayoutLikeWW8/>
<w:AlignTablesRowByRow/>
<w:ForgetLastTabAlignment/>
<w:LayoutRawTableWidth/>
<w:LayoutTableRowsApart/>
<w:UseWord97LineBreakingRules/>
<w:ApplyBreakingRules/>
</w:Compatibility>
<w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>
</w:WordDocument>
</xml><![endif]-->
<style>
<!--
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{mso-style-parent:"";
margin:0cm;
margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.0pt;
font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";}
@page Section1
{size:595.3pt 841.9pt;
margin:70.85pt 70.85pt 2.0cm 70.85pt;
mso-header-margin:36.0pt;
mso-footer-margin:36.0pt;
mso-paper-source:0;}
div.Section1
{page:Section1;}
-->
</style>
<!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Normale Tabelle";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-parent:"";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin:0cm;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.0pt;
font-family:"Times New Roman";}
</style>
<![endif]-->
</head>
<body lang=DE style='tab-interval:35.4pt'>
<div class=Section1>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>
</div>
</body>
<h1>Lightbox 2</h1>
<ul>
<li><a href="vitamingarten/blume.jpg" rel="lightbox[bilder]" title="Bild1"><img src="bilder/thumb-1.jpg" width="100" height="40" alt="Bild1" /></a></li>
<li><a href="Meine Dateien/Bedri.jpg" rel="lightbox[bilder]" title="Bedri"><img src="Meine Dateien/Bedri Alper.jpg" width="100" height="40"Meine Dateien/Bedri Alper.jpg" /></a></li>
<li><a href="bilder/image-3.jpg" rel="lightbox[bilder]" title="Bild3"><img src="bilder/thumb-3.jpg" width="100" height="40" alt="Bild3" /></a></li>
<li><a href="bilder/image-4.jpg" rel="lightbox[bilder]" title="Bild4"><img src="bilder/thumb-4.jpg" width="100" height="40" alt="Bild4" /></a></li>
<li><a href="bilder/image-5.jpg" rel="lightbox[bilder]" title="Bild5"><img src="bilder/thumb-5.jpg" width="100" height="40" alt="Bild5" /></a></li>
<li><a href="bilder/image-6.jpg" rel="lightbox[bilder]" title="Bild6"><img src="bilder/thumb-6.jpg" width="100" height="40" alt="Bild6" /></a></li>
</ul>
</body></html>
 

ohmalley

Noch nicht viel geschrieben

AW: Lightbox-HILFE!!!

<body lang=DE style='tab-interval:35.4pt'>
<div class=Section1>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>
</div>
</body>
<h1>Lightbox 2</h1>
<ul>

dieses </body> vor <h1>... löschen

Sollte aber auch so gehen, wichtig ist dass die Ordner stimmen in denen die die Bilder sind

also richtige Pfade zu den Bildern, Groß- und Kleinschreibung beachten!

Habs bei mir getestet, da gehts

schau mal in deine PM hier im Forum
 

stb_87

Web-Sheriff - ohne Bild

AW: Lightbox-HILFE!!!

<html xmlns:eek:="urn:schemas-microsoft-com:eek:ffice:eek:ffice"
xmlns:w="urn:schemas-microsoft-com:eek:ffice:word"
xmlns="HTML 4.01 Specification">
<head>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<meta http-equiv=Content-Type content="text/html; charset=windows-1252">
<meta name=ProgId content=Word.Document>
<meta name=Generator content="Microsoft Word 10">
<meta name=Originator content="Microsoft Word 10">
<link rel=File-List href="Dok2-Dateien/filelist.xml">
<head>

<title>Beispiel</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="lightbox2/prototype.js"></script>
<script type="text/javascript" src="lightbox2/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="lightbox2/lightbox.js"></script>
<link rel="stylesheet" href="lightbox2/lightbox.css" type="text/css" media="screen" />
<style type="text/css">
body {
margin:0;
padding:0;
background:#fff;
}
h1 {margin:0.5em; }
ul, li {margin:0 0.5em; padding:0; list-style-type:none; }
li img {
margin:0.5em;
padding:0.2em;
border:1px solid #999;
background:#fff;
}

</style>

<!--[if gte mso 9]><xml>
<oocumentProperties>
<o:Author>Filiz</o:Author>
<o:Template>Normal</o:Template>
<o:LastAuthor>Filiz</o:LastAuthor>
<o:Revision>2</o:Revision>
<o:Created>2008-11-24T10:58:00Z</o:Created>
<o:LastSaved>2008-11-24T10:58:00Z</o:LastSaved>
<oages>1</oages>
<o:Lines>1</o:Lines>
<oaragraphs>1</oaragraphs>
<o:Version>10.2625</o:Version>
</oocumentProperties>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:WordDocument>
<w:HyphenationZone>21</w:HyphenationZone>
<wisplayHorizontalDrawingGridEvery>0</wisplayHorizontalDrawingGridEvery>
<wisplayVerticalDrawingGridEvery>0</wisplayVerticalDrawingGridEvery>
<w:UseMarginsForDrawingGridOrigin/>
<w:Compatibility>
<w:FootnoteLayoutLikeWW8/>
<w:ShapeLayoutLikeWW8/>
<w:AlignTablesRowByRow/>
<w:ForgetLastTabAlignment/>
<w:LayoutRawTableWidth/>
<w:LayoutTableRowsApart/>
<w:UseWord97LineBreakingRules/>
<w:ApplyBreakingRules/>
</w:Compatibility>
<w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>
</w:WordDocument>
</xml><![endif]-->
<style>
<!--
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{mso-style-parent:"";
margin:0cm;
margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.0pt;
font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";}
@page Section1
{size:595.3pt 841.9pt;
margin:70.85pt 70.85pt 2.0cm 70.85pt;
mso-header-margin:36.0pt;
mso-footer-margin:36.0pt;
mso-paper-source:0;}
div.Section1
{page:Section1;}
-->
</style>
<!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Normale Tabelle";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-parent:"";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin:0cm;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.0pt;
font-family:"Times New Roman";}
</style>
<![endif]-->

</head>
<body lang=DE style='tab-interval:35.4pt'>
<div class=Section1>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>
</div>
</body>
<h1>Lightbox 2</h1>
<ul>
<li><a href="vitamingarten/blume.jpg" rel="lightbox[bilder]" title="Bild1"><img src="bilder/thumb-1.jpg" width="100" height="40" alt="Bild1" /></a></li>
<li><a href="Meine Dateien/Bedri.jpg" rel="lightbox[bilder]" title="Bedri"><img src="Meine Dateien/Bedri Alper.jpg" width="100" height="40"Meine Dateien/Bedri Alper.jpg" /></a></li>
<li><a href="bilder/image-3.jpg" rel="lightbox[bilder]" title="Bild3"><img src="bilder/thumb-3.jpg" width="100" height="40" alt="Bild3" /></a></li>
<li><a href="bilder/image-4.jpg" rel="lightbox[bilder]" title="Bild4"><img src="bilder/thumb-4.jpg" width="100" height="40" alt="Bild4" /></a></li>
<li><a href="bilder/image-5.jpg" rel="lightbox[bilder]" title="Bild5"><img src="bilder/thumb-5.jpg" width="100" height="40" alt="Bild5" /></a></li>
<li><a href="bilder/image-6.jpg" rel="lightbox[bilder]" title="Bild6"><img src="bilder/thumb-6.jpg" width="100" height="40" alt="Bild6" /></a></li>
</ul>
</body></html>

Ich habe da mal alles rot markiert, was dort nichts drin zu suchen hat.

Die lightbox.css hast du sogar 3 mal eingebunden.


Kleiner Tipp:

Es gibt hier den EDIT-Button!!! Den bitte verwenden, um doppelt- und dreifach-Post zu vermeiden!!!
 

ohmalley

Noch nicht viel geschrieben

AW: Lightbox-HILFE!!!

noch was,

nenne die Ordner für lightbox mal genau so wie im script.

also nicht "lightbox"

sondern die Unterordner unterhalb der "index.html" oder "Dok2.html" ->; /css /js /image etc. wie im oberen Teil der Datei und kopiere/extrahiere die originalen Datei in diese Ordner
 

fimea

Noch nicht viel geschrieben

AW: Lightbox-HILFE!!!

Jetzt sieht der quelltext so aus. Immer noch Fehler drin???

<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:eek:="urn:schemas-microsoft-com:eek:ffice:eek:ffice"
xmlns:w="urn:schemas-microsoft-com:eek:ffice:word"
xmlns="HTML 4.01 Specification">
<head>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<meta http-equiv=Content-Type content="text/html; charset=windows-1252">
<meta name=ProgId content=Word.Document>
<meta name=Generator content="Microsoft Word 10">
<meta name=Originator content="Microsoft Word 10">
<link rel=File-List href="Dok2-Dateien/filelist.xml">
<link rel=Edit-Time-Data href="Dok2-Dateien/editdata.mso">
<!--[if !mso]>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<![endif]-->
<title> </title>
<!--[if gte mso 9]><xml>
<o:DocumentProperties>
<o:Author>Filiz</o:Author>
<o:Template>Normal</o:Template>
<o:LastAuthor>Filiz</o:LastAuthor>
<o:Revision>2</o:Revision>
<o:Created>2008-11-24T14:10:00Z</o:Created>
<o:LastSaved>2008-11-24T14:10:00Z</o:LastSaved>
<o:pages>1</o:pages>
<o:Characters>4</o:Characters>
<o:Lines>1</o:Lines>
<o:paragraphs>1</o:paragraphs>
<o:CharactersWithSpaces>4</o:CharactersWithSpaces>
<o:Version>10.2625</o:Version>
</o:DocumentProperties>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:WordDocument>
<w:SpellingState>Clean</w:SpellingState>
<w:GrammarState>Clean</w:GrammarState>
<w:HyphenationZone>21</w:HyphenationZone>
<w:DisplayHorizontalDrawingGridEvery>0</w:DisplayHorizontalDrawingGridEvery>
<w:DisplayVerticalDrawingGridEvery>0</w:DisplayVerticalDrawingGridEvery>
<w:UseMarginsForDrawingGridOrigin/>
<w:Compatibility>
<w:FootnoteLayoutLikeWW8/>
<w:ShapeLayoutLikeWW8/>
<w:AlignTablesRowByRow/>
<w:ForgetLastTabAlignment/>
<w:LayoutRawTableWidth/>
<w:LayoutTableRowsApart/>
<w:UseWord97LineBreakingRules/>
<w:ApplyBreakingRules/>
</w:Compatibility>
<w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>
</w:WordDocument>
</xml><![endif]-->
<style>
<!--
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{mso-style-parent:"";
margin:0cm;
margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.0pt;
font-family:"Times New Roman";
mso-fareast-font-family:"Times New Roman";}
@page Section1
{size:595.3pt 841.9pt;
margin:70.85pt 70.85pt 2.0cm 70.85pt;
mso-header-margin:36.0pt;
mso-footer-margin:36.0pt;
mso-paper-source:0;}
div.Section1
{page:Section1;}
-->
</style>
<!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Normale Tabelle";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-parent:"";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin:0cm;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.0pt;
font-family:"Times New Roman";}
</style>
<![endif]-->
</head>
<body lang=DE style='tab-interval:35.4pt'>
<div class=Section1>
<a href="Vitamingarten/blume.jpg" rel="lightbox[roadtrip]" title="Filiz"><img src="Vitamingarten/blume.jpg" alt="1" width="70" height="71" border="0" /></a>
<p class=MsoNormal><!--[if gte vml 1]><v:shapetype id="_x0000_t75" coordsize="21600,21600"
o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f"
stroked="f">
<v:stroke joinstyle="miter"/>
<v:formulas>
<v:f eqn="if lineDrawn pixelLineWidth 0"/>
<v:f eqn="sum @0 1 0"/>
<v:f eqn="sum 0 0 @1"/>
<v:f eqn="prod @2 1 2"/>
<v:f eqn="prod @3 21600 pixelWidth"/>
<v:f eqn="prod @3 21600 pixelHeight"/>
<v:f eqn="sum @0 0 1"/>
<v:f eqn="prod @6 1 2"/>
<v:f eqn="prod @7 21600 pixelWidth"/>
<v:f eqn="sum @8 21600 0"/>
<v:f eqn="prod @7 21600 pixelHeight"/>
<v:f eqn="sum @10 21600 0"/>
</v:formulas>
<v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/>
<o:lock v:ext="edit" aspectratio="t"/>
</v:shapetype><v:shape id="_x0000_i1025" type="#_x0000_t75" style='width:252pt;
height:225pt'>
<v:imagedata src="Dok2-Dateien/image001.jpg" o:title="blume"/>
</v:shape><![endif]--><![if !vml]><img width=336 height=300
src="Dok2-Dateien/image001.jpg" v:shapes="_x0000_i1025"><![endif]></p>
<p class=MsoNormal><!--[if gte vml 1]><v:shape id="_x0000_i1027" type="#_x0000_t75"
style='width:487.5pt;height:324.75pt'>
<v:imagedata src="Dok2-Dateien/image002.jpg" o:title="physalis1"/>
</v:shape><![endif]--><![if !vml]><img width=650 height=433
src="Dok2-Dateien/image002.jpg" v:shapes="_x0000_i1027"><![endif]><!--[if gte vml 1]><v:shape
id="_x0000_i1026" type="#_x0000_t75" style='width:545.25pt;height:414pt'>
<v:imagedata src="Dok2-Dateien/image003.jpg" o:title="physalis"/>
</v:shape><![endif]--><![if !vml]><img width=727 height=552
src="Dok2-Dateien/image004.jpg" v:shapes="_x0000_i1026"><![endif]><o:p></o:p></p>
</div>
</body>
</html>
 

stb_87

Web-Sheriff - ohne Bild

AW: Lightbox-HILFE!!!

Da ist so viel Schrott an Markup drin, die keine Sau braucht. Schau dir meinen Post an, da ist alles rot markiert, was du auf jeden Fall raushauen kannst.

An sonsten würde ich dir empfehlen, dir etwas Hintergrundwissen anzueignen! Schau dir mal den Link in meiner Sig an.

Mit Word ne Website zu erstellen... :-O
 

fimea

Noch nicht viel geschrieben

AW: Lightbox-HILFE!!!

Hallo,

ich habe es jetzt mit nvu-composer versucht und mein quelltex sieht mittlerweile so aus:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Beispiel</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="lightbox2/prototype.js"></script>
<script type="text/javascript" src="lightbox2/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="lightbox2/lightbox.js"></script>
<link rel="stylesheet" href="lightbox2/lightbox.css" type="text/css" media="screen">
<style type="text/css">
body {
margin:0;
padding:0;
background:#fff;
}
h1 {margin:0.5em; }
ul, li {margin:0 0.5em; padding:0; list-style-type:none; }
li img {
margin:0.5em;
padding:0.2em;
border:1px solid #999;
background:#fff;
}
</style>
</head>
<body>
<h1>Vitamingarten</h1>
<ul>
<li><a href="Vitamingarten/blume.jpg" rel="lightbox[bilder]" title="Bild1"><img style="width: 116px; height: 123px;" src="Vitamingarten/blume.jpg" alt="Bild1"></a></li>
<li><a href="bilder/image-2.jpg" rel="lightbox[bilder]" title="Bild2"><img src="bilder/thumb-2.jpg" alt="Bild2" height="40" width="100"></a></li>
<li><a href="bilder/image-3.jpg" rel="lightbox[bilder]" title="Bild3"><img src="bilder/thumb-3.jpg" alt="Bild3" height="40" width="100"></a></li>
<li><a href="bilder/image-4.jpg" rel="lightbox[bilder]" title="Bild4"><img src="bilder/thumb-4.jpg" alt="Bild4" height="40" width="100"></a></li>
<li><a href="bilder/image-5.jpg" rel="lightbox[bilder]" title="Bild5"><img src="bilder/thumb-5.jpg" alt="Bild5" height="40" width="100"></a></li>
<li><a href="bilder/image-6.jpg" rel="lightbox[bilder]" title="Bild6"><img src="bilder/thumb-6.jpg" alt="Bild6" height="40" width="100"></a></li>
</ul>
</body>
</html>


Was ist noch falsch???
 

ohmalley

Noch nicht viel geschrieben

AW: Lightbox-HILFE!!!

Ausgangspunkt ist die html-Datei.
Wie der Ordner heist, indem die html-Datei und die Unterordner liegen ist egal, (erscheint ja nirgends! )

Folgendes ist zu klären bzw zu ändern:

in welchem Unterordner liegen die mitgelieferten .js-Dateien?
müssen hier liegen -> /js
wo liegen die mitgelieferten images? (load-, next-, prev- Button)
müssen hier liegen -> /images
wo ist die datei "lightbox.css" ?
die muss hier sein -> /css

Also alles in eigenen Ordnern unterhalb der html-Datei

dann sieht der Quelltext so aus / bzw enstsprechend anpassen:
<title>Beispiel</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen">
<style type="text/css">

die angezeigten großen Bilder und Vorschaubilder müssten dann in einem Unterordner /bilder und
/Vitamingarten liegen
so wie es im Quelltext bereits enthalten ist.

und ? ...
 

fimea

Noch nicht viel geschrieben

AW: Lightbox-HILFE!!!

in welchem Unterordner liegen die mitgelieferten .js-Dateien?
müssen hier liegen -> /js
wo liegen die mitgelieferten images? (load-, next-, prev- Button)
müssen hier liegen -> /images
wo ist die datei "lightbox.css" ?
die muss hier sein -> /css


ich glaube dieser teil ist es, was ich falsch mache. Kannst du mir vielleicht diesen teil nochmal für mich (blödi) einfacher erklären.
z. b. was sind mitgelieferte .js-Dateien. Was ist mit Unterordner gemeint??? usw
 

ohmalley

Noch nicht viel geschrieben

AW: Lightbox-HILFE!!!

ok,
der Reihe nach von vorn...

script als zip downloaden. von hier :
Lightbox 2

entpacken in einen leeren Ordner (zB. neuer name = lightbox)
dabei darauf achten -> Pfadangaben verwenden = ja oder angehakt

jetzt liegen in dem Ordner "lightbox"
selbst die datei index.html
und die unterordner /js, /css, /image
in diesen Unterordnern sind die richtigen Datein enthalten.

die datei index.html aufrufen -> dort ist alles noch mal erläutert wo was genau hingehört und mit Beispiel vershen.

und dann .. genießen .
 

fimea

Noch nicht viel geschrieben

AW: Lightbox-HILFE!!!

Also,

ich gebe es jetzt auf. Egal was ich mache das Endergebnis ist immer gleich. Es erscheint das kleine Bild und wenn ich daraufklicke öffnet sich ein anderes Fenster mit dem großem Bild. Also nicht so wie bei lightbox.

Ich hab jetzt alles versucht es ändert sich nichts. Das Ergebnis bleibt immer gleich. Ich sitze schon seit Tagen dran.

Großen dank an ohmalley. Er hat sich wirklich sehr bemüht mir zu helfen.
Er hat all meine Fragen beantwortet. DANKE!!!
 

leobaby

Landei

AW: Lightbox-HILFE!!!

Habe die mindestens schon 100 mal runter geladen und gefühlte 100 anleitungen und artikel gelesen.
Aber es geht trotzdem nicht.
Also bei alle was ich hier gelesen habe ist das ganze doch nicht so kinderleicht wie jeder beschreibt.;-)

Tolle Oma hast du - schickst die mir mal vorbei.:)
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.614
Beiträge
1.538.351
Mitglieder
67.525
Neuestes Mitglied
mgtaucher
Oben