Autor |
Nachricht |
aUDIOfREAK
Dabei seit: 04.04.2002
Ort: Ansbach
Alter: 44
Geschlecht:
|
Verfasst Do 12.05.2011 12:44
Titel
|
|
|
dreamflasher hat geschrieben: | dennoch versteh ich immer noch nicht wo ich die IMG tags einbinden soll.....
in der css kann ich dies ja nicht tun, oder????
und die javascriptbefehle habe ich doch schon in die index eingefügt?!??
bin ratlos |
na in den inhalt der seite natürlich. da wo das bild dann erscheinen soll.
|
|
|
|
|
dreamflasher
Threadersteller
Dabei seit: 03.07.2006
Ort: Matrix
Alter: 49
Geschlecht:
|
Verfasst Fr 13.05.2011 11:28
Titel
|
|
|
irgendwie habe ich das gefühl dass keiner versteht welches problem ich habe.....
also nochmal.......ich habe auf meiner startseite einige miniaturbilder......die seite wurde per dwt in dreamweaver erstellt....die miniaturbilder sind in einer imagebox per css verknüpft........
folgende javascriptbefehle habe ich in den header meiner index eingefügt:
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
und noch den stylesheet...
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
wo füge ich denn nun den folgenden code ein:
<a href="bild.jpg" rel="lightbox" title="my caption">image</a>
dies wäre doch der link der auf mein bild verweist,oder???
muss ich den in die css einbinden????
vielen dank für eure geduld und mühe
|
|
|
|
|
Anzeige
|
|
|
mokleini
Dabei seit: 23.12.2007
Ort: deutschland
Alter: -
Geschlecht:
|
Verfasst Fr 13.05.2011 11:30
Titel
|
|
|
nein nicht in die css!
die verknüpfung muss in die html datei rein.
|
|
|
|
|
aUDIOfREAK
Dabei seit: 04.04.2002
Ort: Ansbach
Alter: 44
Geschlecht:
|
Verfasst Fr 13.05.2011 11:40
Titel
|
|
|
am besten du postet mal den kompletten code deiner html datei die du da hast. so is das stochern im dunkeln...
|
|
|
|
|
dreamflasher
Threadersteller
Dabei seit: 03.07.2006
Ort: Matrix
Alter: 49
Geschlecht:
|
Verfasst Fr 13.05.2011 11:43
Titel
|
|
|
hier mal der 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>
<title>Restaurant Thessaloniki in Burlafingen</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript">
<!--
function MM_effectBlind(targetElement, duration, from, to, toggle)
{
Spry.Effect.DoBlind(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
}
//-->
</script>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
</head>
<body>
<div id="wrapper">
<div id="header">
<h1><img src="images/logo_thessa.gif" alt="Restaurant Thessaloniki" /></h1>
<ul id="nav">
<li><a href="index.html">HOME</a> | </li>
<li><a href="team.html">TEAM</a> | </li>
<li><a href="speisekarte.html">SPEISEKARTE</a> | </li>
<li><a href="impressum.html">IMPRESSUM</a> |<a href="anfahrt.html"> ANFAHRT</a> | </li>
<li><a href="gaestebuch.html">GÄSTEBUCH</a> | </li>
<li><a href="kontakt.html">KONTAKT</a></li>
</ul><!-- end nav -->
<div id="welcome">
<h2><img src="images/welcome.gif" alt="Willkommen in unserem Restaurant" /></h2>
<p>Wir heißen Sie auf unserer neuen Internetpräsenz herzlich willkommen und laden Sie ein auf einen kulinarischen Rundgang in unserem griechischen Spezialitäten Restaurant. Hier versuchen wir Ihnen nur einen kleinen Eindruck unseres Lokals zu vermitteln. Wir würden Sie gerne persönlich von unseren Gaumefreuden überzeugen. Kommen Sie doch vorbei und lassen Sie sich kulinarisch verwöhnen</p>
</div>
<!-- end welcome -->
</div><!-- end header -->
<div id="body"><div id="body-i">
<h2 id="hspecials"><img src="images/griechische_spez.gif" alt="Griechische Spezialitäten" /></h2>
<div id="specials">
<div style="background-image: url(images/picture_1_1.jpg);" class="imagebox">
<h3><a href="">Pizzas</a></h3>
<p>Unsere leckeren Pizzas erhalten Sie nach Wunsch auch mit einem von Ihnen gewünschten Belag</p>
<p class="readmore"><a href="Pizza.html">... mehr</a></p>
</div>
<div style="background-image: url(images/picture_13.jpg);" class="imagebox">
<h3><a href="">Griechische Spezialitäten</a></h3>
<p>Genißen Sie unser griechischen Spezialitäten täglich frisch<br />
<br />
</p>
<p class="readmore"><a href="impressum.html">... mehr</a></p>
</div>
<div style="background-image: url(images/picture_3_3.jpg);" class="imagebox">
<h3><a href="">Mediteranes</a></h3>
<p>Hier finden Sie alles aus Neptuns Reich</p>
<p class="readmore"><a href="">... mehr</a></p>
</div>
</div><!-- end specials -->
<h2 id="hevents"><img src="images/kontakt.gif" alt="Special Events" /></h2>
<div id="events">
<p></p>
</div>
<!-- end events -->
<div class="clear" id="spacer"></div>
</div></div><!-- end body -->
<div id="hotstuff">
<h2><img src="images/lokal.gif" alt="Unser Lokal" /></h2>
<div style="background-image: url(images/picture_11.jpg);" id="hot-one" class="imagebox">
<h3><a href="">Impressionen</a></h3>
<p>Vielfalt endecken<br />
<br />
<br />
</p>
<p class="readmore"><a href="">... mehr</a></p>
</div>
<div style="background-image: url(images/picture_10.jpg);" id="hot-two" class="imagebox">
<h3><a href="">Impressionen</a></h3>
<p>Vielfalt endecken<br />
<br />
<br />
</p>
<p class="readmore"><a href="Lokal.html">... mehr</a></p>
</div>
</a><div style="background-image: url(images/picture_12.jpg);" id="hot-three" class="imagebox">
<h3><a href="images/CIMG5091.JPG">Impressionen</a></a></a></h3>
<p>Vielfalt endecken<br />
<br />
<br />
</p>
<p class="readmore"><a href="images/CIMG5093.JPG">... mehr</a></p>
</div>
<div class="clear"></div>
</div><!-- end hotstuff -->
</div><!-- end wrapper -->
<div id="footer">
© 2011 copyright by - AlDesign </div><!-- end footer -->
</body>
</html>
|
|
|
|
|
top
Moderator
Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht:
|
Verfasst Fr 13.05.2011 12:48
Titel
|
|
|
Er hatte doch schon den Link zur Seite verraten:
dreamflasher hat geschrieben: | also hier mal die site
Link
... |
Dein Problem ist, dass die Bilder oftmals als Hintergrundbilder eingesetzt sind. Diese kann man nicht anklicken.
Anstatt Code: | <div style="background-image: url(images/picture_13.jpg);" class="imagebox">
<h3><a href="">Griechische ... | solltest du z.B. Code: | <div class="wie-auch-immer"> <a href="images/picture_13_in_gross.jpg" rel="lightbox" title="Tolle Bildbeschreibung"><img src="images/picture_13.jpg" /> </a>
<h3><a href="">Griechische ... |
καταλαβαίνης;
|
|
|
|
|
dreamflasher
Threadersteller
Dabei seit: 03.07.2006
Ort: Matrix
Alter: 49
Geschlecht:
|
Verfasst Fr 13.05.2011 12:56
Titel
|
|
|
von der idee her in ordnung...aber wenn ich das so mache zerschiesst es mir die ganze formatierung der site.....
die bilder werden ja in der css als hintergrundbilder festgelegt, das war ja absicht....
und dies war ja auch meine frage, ob ich dann lightbox überhaupt einsetzen kann....
aber die ist ja hiermit beantwortet....wie es aussieht geht es nicht...
vielen dank für eure mühe
|
|
|
|
|
aUDIOfREAK
Dabei seit: 04.04.2002
Ort: Ansbach
Alter: 44
Geschlecht:
|
Verfasst Fr 13.05.2011 13:00
Titel
|
|
|
hm ja doch... du könntest den aufruf der lightbox theoretisch auf den link im <h3> element legen. man kann die lightbox auch nur mit einem link aufrufen und braucht nicht zwingend ein bild dazu...
|
|
|
|
|
|
|
|
Ähnliche Themen |
joomla template in ein html/css template konvertieren?
C++: Template in Template-Funktion nutzen
Lightbox
Lightbox 2
Lightbox aus Flash mit xml
probleme mit lightbox
|
|