html kode for bildegalleri?

31. mars 2010

Heisann,
God påske!
Jeg sitter her og jobber med en nettside og skal ha et bildegalleri og har laget et men jeg ble ikke fornøyd med det ble kjedelig syntes jeg bildene (er bare eksempler)

Er det noen som vet om et kult bildebiblotek slik som dette her.

Og hvordan lager man noe slikt som det?

Asoke

297 65

31. mars 2010

Sitat av puster

Er det noen som vet om et kult bildebiblotek slik som dette her.

Vis hele sitatet...

Det der kalles Light Box og du finner det lett ved hjelp av google

pinkrabbitz

1.338 373

31. mars 2010

http://www.huddletogether.com/projects/lightbox2/

stigi

Test

687 7

31. mars 2010

Jeg stjeler tråden litt jeg.
Bildet som vi kan trykke på, på min side, er inni en litt for liten iframe. Bildet blir altså alt for stort, og det er ikke mulig å trykke på frem/tilbake, og krysset.
Jeg skrev inn denne koden, men den virket ikke:
<a href="/bilde2.png" target="/index.php" rel="lightbox" title="my caption"><img src="/bilde.png" /></a>

Noen som vet hva jeg skal gjøre, sånn at bildet ikke bare vises i Iframen, men på hele siden.

Takker for svar!

Asoke

297 65

31. mars 2010

Sitat av stigi

Vis hele sitatet...

uhm, enten resize bildet i et bilderedigeringsprogram eller width og height for å bestemme høyden på bildet? Litt lettere hvis du viser oss et eksempel, er litt usikker på om jeg misforsto hva du spurte om..

stigi

Test

687 7

31. mars 2010

Her er linken til siden min:
http://www.badnorway.navhost.com/ (Den er langt i fra ferdig)
Du ser helt sikkert bilde.

puster

Trådstarter

308 14

31. mars 2010

hei,
prøvde meg litt fremm i dag

men når jeg trykker på den tingen som er sist på bilder fra vestvågøy blir jeg sendt vekk fra siden og til en hvit side med bildene, noen som vet hvor jeg har gjort feil i html koden?

Kode

<!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" dir="ltr" lang="en-US" xml:lang="en">
<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>
<head>
    Base template (without user's data) checked by http://validator.w3.org : "This page is valid XHTML 1.0 Transitional"
    -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <title>Sjøhaug Bygg Bilder</title>

    <script type="text/javascript" src="script.js"></script>

    <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
    <!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css" media="screen" /><![endif]-->
    <!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css" media="screen" /><![endif]-->
</head>
<body>
<div id="art-main">
  <div class="art-Sheet">
  <div class="art-Sheet-tl"></div>

    <div class="art-Sheet-tr"></div>
    <div class="art-Sheet-bl"></div>
    <div class="art-Sheet-br"></div>
    <div class="art-Sheet-tc"></div>
    <div class="art-Sheet-bc"></div>
    <div class="art-Sheet-cl"></div>
    <div class="art-Sheet-cr"></div>
    <div class="art-Sheet-cc"></div>
    <div class="art-Sheet-body">

      <div class="art-Header">
        <div class="art-Header-jpeg"></div>
        
      </div>
      <div class="art-nav">
        <div class="l"></div>
        <div class="r"></div>
        <ul class="art-menu">
          <li>
            <a href="index.html" class=" active"><span class="l"></span><span class="r"></span><span class="t">Hjem</span></a>

          </li>
          <li>
            <a href="bilder.html"><span class="l"></span><span class="r"></span><span class="t">Bilder</span></a>
            <ul>
              <li><a href="bilderf.html">Bilder fra Fredvang</a>
              <li><a href="bilderv.html">Bilder fra Vestvågøy</a>
            </ul>

          </li>		
          <li>
            <a href="omoss.html"><span class="l"></span><span class="r"></span><span class="t">Om oss</span></a>
          </li>
        </ul>
      </div>
      <div class="art-contentLayout">
        <div class="art-content">
          <div class="art-Post">

            <div class="art-Post-body">
              <div class="art-Post-inner">
                <h2>Bilder fra jobber vi har gjort.</h2>
                 <a href="bilderf.html"><p> Bilder fra Fredvang.
                 <a href="bilderv.html"><p> Bilder fra Vestvågøy.
                   
               <a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1< />
                <div class="art-PostContent"></div>
                <div class="cleared"></div>

              </div>
              <div class="cleared"></div>
            </div>
          </div>
        </div>
        <div class="art-sidebar1">
          <div class="art-Block">
            <div class="art-Block-tl"></div>
            <div class="art-Block-tr"></div>

            <div class="art-Block-bl"></div>
            <div class="art-Block-br"></div>
            <div class="art-Block-tc"></div>
            <div class="art-Block-bc"></div>
            <div class="art-Block-cl"></div>
            <div class="art-Block-cr"></div>
            <div class="art-Block-cc"></div>
            <div class="art-Block-body">
              <div class="art-BlockHeader">

                <div class="l"></div>
                <div class="art-header-tag-icon">
                  <div class="t">Høydepunkter</div>
                </div>
              </div><div class="art-BlockContent">
                  <div class="art-BlockContent-body">
                    <div>
                      <p><b>7 Februar 2010</b></p>

                      <p><b>Siden er oppe og går!</b></p>
                      
                      
                    </div>
                    <div class="cleared"></div>
                </div>
                  </div>
              <div class="cleared"></div>
            </div>
          </div>

          <div class="art-Block">
            <div class="art-Block-tl"></div>
            <div class="art-Block-tr"></div>
            <div class="art-Block-bl"></div>
            <div class="art-Block-br"></div>
            <div class="art-Block-tc"></div>
            <div class="art-Block-bc"></div>
            <div class="art-Block-cl"></div>
            <div class="art-Block-cr"></div>

            <div class="art-Block-cc"></div>
            <div class="art-Block-body">
              <div class="art-BlockHeader">
                <div class="l"></div>
                <div class="r"></div>
                <div class="art-header-tag-icon">
                  <a href="omoss.html"><div class="t">Kontakt Info</div>
                </div>

              </div><div class="art-BlockContent">
                  <div class="art-BlockContent-body">
                    <div>
                      <p><br />
                        <b>Sjøhaug Bygg</b></p>
                      <p>Svingveien 1</p>
                      <p>8372 Gravdal</p>

                      <p>TLF: 98843676 eller 76080667</p>
                      <p>Email: Leiftore@sjohaugbygg.no</p>
                    </div>
                    <div class="cleared"></div>
                </div>
                  </div>
              <div class="cleared"></div>
            </div>

          </div>
        </div>
      </div>
      <div class="cleared"></div><div class="art-Footer">
        <div class="art-Footer-inner">
          <div class="art-Footer-text">
            <p><a href="#">Contact Us</a> | <a href="#">Terms of Use</a> | <a href="#">Trademarks</a>

              | <a href="#">Privacy Statement</a><br />
              Copyright Sjøhuag Bygg&copy; 2010 ---. All Rights Reserved.</p>
          </div>
        </div>
        <div class="art-Footer-background"></div>
        </div>

      <div class="cleared"></div>
    </div>
  </div>
  <div class="cleared"></div>
        <p class="art-page-footer"><a href=>Laget av Joakim</a></p>
</div>
    
</body>
</html>

stigi

Test

687 7

4. april 2010

Hei. Da har jeg vært borte noen dager, og lurer fortsatt på om noen vet hvordan jeg fikser det jeg spurte om? Jeg takker og bukker for svar!

pinkrabbitz

1.338 373

4. april 2010

Da kan du ikke bruke lightbox AFAIK.
Du må isåfall bruke target="_blank"

danielsk

2.224 689

4. april 2010

Sitat av pinkrabbitz

Da kan du ikke bruke lightbox AFAIK.
Du må isåfall bruke target="_blank"

Vis hele sitatet...

Prøv target="_top" eller target="_parent" i linken.

Sist endret av danielsk; 4. april 2010 kl. 19:40.

stigi

Test

687 7

4. april 2010

Nå er koden sånn: <a href="/miniatyr.png" target="_parent" rel="lightbox" title="my caption"><img src="/OV.png" /></a> og det virker fortsatt ikke

(prøvde med "_top" også, men det virket heller ikke.

danielsk

2.224 689

4. april 2010

Sitat av puster

hei,
prøvde meg litt fremm i dag

men når jeg trykker på den tingen som er sist på bilder fra vestvågøy blir jeg sendt vekk fra siden og til en hvit side med bildene, noen som vet hvor jeg har gjort feil i html koden?

Kode

<!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" dir="ltr" lang="en-US" xml:lang="en">
<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>
<head>
    Base template (without user's data) checked by http://validator.w3.org : "This page is valid XHTML 1.0 Transitional"
    -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <title>Sjøhaug Bygg Bilder</title>

    <script type="text/javascript" src="script.js"></script>

    <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
    <!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css" media="screen" /><![endif]-->
    <!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css" media="screen" /><![endif]-->
</head>
<body>
<div id="art-main">
  <div class="art-Sheet">
  <div class="art-Sheet-tl"></div>

    <div class="art-Sheet-tr"></div>
    <div class="art-Sheet-bl"></div>
    <div class="art-Sheet-br"></div>
    <div class="art-Sheet-tc"></div>
    <div class="art-Sheet-bc"></div>
    <div class="art-Sheet-cl"></div>
    <div class="art-Sheet-cr"></div>
    <div class="art-Sheet-cc"></div>
    <div class="art-Sheet-body">

      <div class="art-Header">
        <div class="art-Header-jpeg"></div>
        
      </div>
      <div class="art-nav">
        <div class="l"></div>
        <div class="r"></div>
        <ul class="art-menu">
          <li>
            <a href="index.html" class=" active"><span class="l"></span><span class="r"></span><span class="t">Hjem</span></a>

          </li>
          <li>
            <a href="bilder.html"><span class="l"></span><span class="r"></span><span class="t">Bilder</span></a>
            <ul>
              <li><a href="bilderf.html">Bilder fra Fredvang</a>
              <li><a href="bilderv.html">Bilder fra Vestvågøy</a>
            </ul>

          </li>		
          <li>
            <a href="omoss.html"><span class="l"></span><span class="r"></span><span class="t">Om oss</span></a>
          </li>
        </ul>
      </div>
      <div class="art-contentLayout">
        <div class="art-content">
          <div class="art-Post">

            <div class="art-Post-body">
              <div class="art-Post-inner">
                <h2>Bilder fra jobber vi har gjort.</h2>
                 <a href="bilderf.html"><p> Bilder fra Fredvang.
                 <a href="bilderv.html"><p> Bilder fra Vestvågøy.
                   
               <a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1< />
                <div class="art-PostContent"></div>
                <div class="cleared"></div>

              </div>
              <div class="cleared"></div>
            </div>
          </div>
        </div>
        <div class="art-sidebar1">
          <div class="art-Block">
            <div class="art-Block-tl"></div>
            <div class="art-Block-tr"></div>

            <div class="art-Block-bl"></div>
            <div class="art-Block-br"></div>
            <div class="art-Block-tc"></div>
            <div class="art-Block-bc"></div>
            <div class="art-Block-cl"></div>
            <div class="art-Block-cr"></div>
            <div class="art-Block-cc"></div>
            <div class="art-Block-body">
              <div class="art-BlockHeader">

                <div class="l"></div>
                <div class="art-header-tag-icon">
                  <div class="t">Høydepunkter</div>
                </div>
              </div><div class="art-BlockContent">
                  <div class="art-BlockContent-body">
                    <div>
                      <p><b>7 Februar 2010</b></p>

                      <p><b>Siden er oppe og går!</b></p>
                      
                      
                    </div>
                    <div class="cleared"></div>
                </div>
                  </div>
              <div class="cleared"></div>
            </div>
          </div>

          <div class="art-Block">
            <div class="art-Block-tl"></div>
            <div class="art-Block-tr"></div>
            <div class="art-Block-bl"></div>
            <div class="art-Block-br"></div>
            <div class="art-Block-tc"></div>
            <div class="art-Block-bc"></div>
            <div class="art-Block-cl"></div>
            <div class="art-Block-cr"></div>

            <div class="art-Block-cc"></div>
            <div class="art-Block-body">
              <div class="art-BlockHeader">
                <div class="l"></div>
                <div class="r"></div>
                <div class="art-header-tag-icon">
                  <a href="omoss.html"><div class="t">Kontakt Info</div>
                </div>

              </div><div class="art-BlockContent">
                  <div class="art-BlockContent-body">
                    <div>
                      <p><br />
                        <b>Sjøhaug Bygg</b></p>
                      <p>Svingveien 1</p>
                      <p>8372 Gravdal</p>

                      <p>TLF: 98843676 eller 76080667</p>
                      <p>Email: Leiftore@sjohaugbygg.no</p>
                    </div>
                    <div class="cleared"></div>
                </div>
                  </div>
              <div class="cleared"></div>
            </div>

          </div>
        </div>
      </div>
      <div class="cleared"></div><div class="art-Footer">
        <div class="art-Footer-inner">
          <div class="art-Footer-text">
            <p><a href="#">Contact Us</a> | <a href="#">Terms of Use</a> | <a href="#">Trademarks</a>

              | <a href="#">Privacy Statement</a><br />
              Copyright Sjøhuag Bygg&copy; 2010 ---. All Rights Reserved.</p>
          </div>
        </div>
        <div class="art-Footer-background"></div>
        </div>

      <div class="cleared"></div>
    </div>
  </div>
  <div class="cleared"></div>
        <p class="art-page-footer"><a href=>Laget av Joakim</a></p>
</div>
    
</body>
</html>

Vis hele sitatet...

En umiddelbar feil jeg ser er at du ikke har Javascriptene dine inne i <head></head>. Orker ikke lese over all koden din akkurat nå for å se etter flere feil.

Sitat av stigi

Nå er koden sånn: <a href="/miniatyr.png" target="_parent" rel="lightbox" title="my caption"><img src="/OV.png" /></a> og det virker fortsatt ikke

(prøvde med "_top" også, men det virket heller ikke.

Vis hele sitatet...

Da får du enten droppe iframes eller gjøre bildet mindre.

pinkrabbitz

1.338 373

4. april 2010

Jeg sier jo du ikke kan bruke LightBox med iframe (og få lightboxen utenfor iframen).

Du må isåfall finne en annen mod av LightBox.

Sist endret av pinkrabbitz; 4. april 2010 kl. 19:44.

stigi

Test

687 7

4. april 2010

Jeg var litt rask i svingen der ja. Så faktisk ikke at du hadde skrevet noe, men ser det nå. Jeg takker deg også, og skal lete etter en annen mod av LightBox

(Testet for sikkerhetskyld med "_blank" også, men det virket heller ikke.)

Sist endret av stigi; 4. april 2010 kl. 19:47.

pinkrabbitz

1.338 373

4. april 2010

http://www.dynamicdrive.com/forums/s...ad.php?t=19051

Der skrives det om en mod som heter LyteBox som skal fungere slik du vil. Jeg kommer ikke inn på siden til Lytebox (http://www.dolem.com/lytebox/), så får ikke lest noe mer om det. Men du kan se om du finner andre sider du kan laste det ned fra!

stigi

Test

687 7

4. april 2010

Tror jeg fant noe på Google. Skal laste det ned nå, og teste det ut. Jeg takker igjen