Diese Anzeige ist nur für
Nicht-Mitglieder sichtbar!

Jetzt kostenlos registrieren

Lightbox v 2.0

Fragen zum Thema JavaScript können hier gestellt werden

Moderatoren: Basti, Guillermo, Ingo

Lightbox v 2.0

Beitragvon Sonic am 23.01.2012, 10:29

Guten Morgen,

ich benutze derzeit das erste mal die Lightbox. Ich habe das Problem das in der Vorschau unten rechts ein Bild nicht angezeigt wird. weiss aber auch nicht woran das liegt. als link wird die URL der Seite angezeigt. wisst ihr wie ich das problem beheben kann?

Bild

mfg Tony
Sonic
Mitglied
 
Beiträge: 27
Registriert: 21.01.2010, 12:16
Diese Anzeige ist nur für
Nicht-Mitglieder sichtbar!
 
Jetzt kostenlos registrieren

Re: Lightbox v 2.0

Beitragvon Guillermo am 23.01.2012, 13:05

Hi Tony,

wie sieht denn dein Quelltext aus, wie hast du die Lightbox eingebaut?
Gebildet ist der, der weiß, wo er findet, was er nicht weiß.
Benutzeravatar
Guillermo
Moderator
 
Beiträge: 1093
Registriert: 01.10.2007, 18:18
Wohnort: Bayern

Re: Lightbox v 2.0

Beitragvon Sonic am 23.01.2012, 13:14

Hi,

ne das ist eine vorlage gewesen da ich ehrlich gesagt = Plan vom Javascript hab.

HTML
Code: Alles auswählen
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Play:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="style/img_content.css">
<script type="text/javascript" src="Lightbox/js/prototype.js"></script>
<script type="text/javascript" src="Lightbox/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="Lightbox/js/lightbox.js"></script>
<link rel="stylesheet" href="Lightbox/css/lightbox.css" type="text/css" media="screen" />
</head>

<body>
   <section id="wrapper">
    <a href="image/Wallpaper/GSZ Basic.jpg" rel="lightbox [walli]"/>
    <img id="basic" src="image/Wallpaper/GSZ Basic.jpg" >
    </a>
    <a   href="download/basic_wallpaper.zip">
    download
    </a>
    <a href="image/Wallpaper/GSZ Bullet.jpg" rel="lightbox [walli]" target="_parent"/>
    <img id="bullet" src="image/Wallpaper/GSZ Bullet.jpg">
    </a>
    <a href="download/basic_wallpaper.zip">
    download
    </a>
    <a href="image/Wallpaper/GSZ Crush.jpg" rel="lightbox [walli]" target="_parent"/>
    <img id="crush" src="image/Wallpaper/GSZ Crush.jpg" rel="lightbox">
    </a>
    <a href="download/basic_wallpaper.zip">
    download
    </a>
    <a href="image/Wallpaper/GSZ Fallout.jpg" rel="lightbox [walli]" target="_parent"/>
    <img id="Fallout" src="image/Wallpaper/GSZ Fallout.jpg" rel="lightbox">
    </a>
    <a href="download/basic_wallpaper.zip">
    download
    </a>
    <a href="image/Wallpaper/GSZ Snipers Paradise.jpg" rel="lightbox [walli]" target="_blank"/>
    <img id="sniper" src="image/Wallpaper/GSZ Snipers Paradise.jpg" rel="lightbox">
    </a>
    <a href="download/snipers_paradise_wallpaper.zip">
    download
    </a>
    </section>
</body>
</html>


CSS

Code: Alles auswählen
body         {
            font-family:'Play', sans-serif;
            margin: 0;
            text-align: center;
            font-size: 12pt;
            }
            
#wrapper      {
            width: 300px;
            height: auto;
            }

#basic         {
            width: 300px;
            height: 169px;
            }

#bullet         {
            margin-top: 50px;
            width: 300px;
            height: 169px;
            
            }
            
#crush         {
            margin-top: 50px;
            width: 300px;
            height: 169px;
            }
            
#Fallout      {
            margin-top: 50px;
            width: 300px;
            height: 169px;
            }
            
#sniper         {
            margin-top: 50px;
            width: 300px;
            height: 169px;
            }
         
a            {
            margin-top: 20px;
            }
            
a:link         {
            text-decoration: none;
            color: #696969;
            }
            
a:acttive      {
            color: #696969;
            }
            
a:hover         {
            color: #FFF;
            }
Sonic
Mitglied
 
Beiträge: 27
Registriert: 21.01.2010, 12:16


Zurück zu JavaScript

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast