trenger hjelp til noe små koding ang. bilder

cmi · 29. juli 2006

Hallo!

Det jeg lurer på er om noen kan hjelpe meg over msn eller noe med litt små koding, trenger og få inn noe css koder på siden min som gjør at bilde åpner seg på en spesiell måte, jeg har kronkret eksempel.

Takk på forhånd til de som gidder

Erik B. · 29. juli 2006

Du kan legge ut ditt konkrete eksempel her først så vi får se

cmi · 29. juli 2006

hvordan skal jeg få gjort det??

legge ut bare kodene da??

cmi · 29. juli 2006

Her er nå kodene om de hjelper, jeg skal ha de blandet inn i min så jeg får den effekten på bildene:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

<title>Lightbox JS v2.0 | Test Page</title>

body{ color: #333; font: 13px 'Lucida Grande', Verdana, sans-serif; }

</style>

</head>

<body>

</body>

</html>

29. juli 2006

hvordan skal jeg få gjort det??

legge ut bare kodene da??

6579057[/snapback]

ja, til dømes det ja

cmi · 29. juli 2006

Noen som kan hjelpe meg?? som har god peiling på hvor jeg skal plasere disse kodene (over) inn på siden min for og få effekten....

KiKKA · 29. juli 2006

Hva me å se hvordan det skal gjøres på hjemmesiden til han som står bak Lightbox JS?

Sjekk her!

Der har du til og med en fin "How To Use" guide!

Endret 29. juli 2006 av KiKKA

cmi · 29. juli 2006

Det er greit, men står det hvor på min side jeg skal putte det? neh!

KiKKA · 30. juli 2006

Det er greit, men står det hvor på min side jeg skal putte det? neh!

6580988[/snapback]

Det står jo høvelig bra forklart! Du laster ned zip-fila, ekstrakterer den, og legger inn denne koden mellom <head> og </head> i kildekoden på din side:

	
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>

Deretter legger du inn rel="lightbox" på en link-tag (a-tag) som vist nedenfor!

<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

Da skal det funke!

PS

I mappa vil følgende filer/mapper ligge:

/images

/js

/css

index.html

Så kan du legge din_side.html i samme mappa!

Bedre nå?

Endret 30. juli 2006 av KiKKA

cmi · 30. juli 2006

Ok, gjorde det og tror det funket skal <head> koden se sånn ut nå?:

<head>

<title>Index</title>

</head>

Endret 30. juli 2006 av cmi

KiKKA · 30. juli 2006

Det stemmer nok, ja!

Men du har dobbelt opp av:

<link rel="stylesheet" href="style.css" type="text/css" />

Det er ikke nødvendig..

Så det fungerer?

cmi · 30. juli 2006

Ja ok ja ingenting som er freeka ut ennå, nå må jeg bare få inn et bilde for og se om det funker

<tr>

<td>

<tr>

<b class=ingress>Smålom (Gavia arctica)</b> <br><br>

Hovet, Buskerud, Norge - 2006</td>

</tr>

<tr>

<td>

</td>

</tr>

<tr>

hvor inn der skal jeg putte det til bilde? regner med det er inn der

Endret 30. juli 2006 av cmi

KiKKA · 30. juli 2006

Du må legge til en link-tag "rundt" miniatybildet. Og det er viktig at du husker rel="lightbox"!

<a href="link_til_stort_bilde.jpg" title="stort bilde" rel="lightbox"> <img border="0" src="minitayrbilder/fotoga1.jpg" align="right" style="border: 3px double #FFFFFF"/></a>

Da skal det være greit.. Tror jeg..

cmi · 30. juli 2006

Må bare spørre for og være sikker så ikke jeg ødlegger hele greia

Hvor skal jeg putte den du lagde der??

Skal jeg bytte den ut med <td> <td/>?

Endret 30. juli 2006 av cmi

KiKKA · 30. juli 2006

Jeg sier at du må linke til storbildet, hvis det er det du ønsker!

Se her hvordan man linker!

I stedet for å ha (som på linja ovenfør) en tekst som en link, regner jeg med at man skal trykke på thumbnailen til det spesifikke bildet for å få opp det store. Dermed må du legge en link-tag "rundt" bildet. I din kode har du dette bildet:

<img border="0" src="minitayrbilder/fotoga1.jpg" align="right" style="border: 3px double #FFFFFF"/>

Du må legge en link-tag rundt dette, slik som jeg har gjort i min forrige post!

Link-tagen som du skal bruke ser slik ut:

<a href="link_til_stort_bilde.jpg" title="stort bilde" rel="lightbox">DET MAN SKAL TRYKKE PÅ</a>

Siden du skal trykke på en thumb (gjetter jeg) må du legge inn den første koden ovenfor i stedet for "DET MAN SKAL TRYKKE PÅ". Der med blir det som følger:

<a href="link_til_stort_bilde.jpg" title="stort bilde" rel="lightbox"> <img border="0" src="minitayrbilder/fotoga1.jpg" align="right" style="border: 3px double #FFFFFF"/></a>

Dette er det samme som i min forrige post!

Endret 30. juli 2006 av KiKKA

cmi · 30. juli 2006

Tror jeg skjønte det nå skal prøve. Takker så langt

cmi · 30. juli 2006

Humm, fikk linket til bilde, men fikk ikke effekten :hmm:

Kodene nå:

<td>

<tr>

<b class=ingress>Smålom (Gavia arctica)</b> <br><br>

Hovet, Buskerud, Norge - 2006</td>

</tr>

<tr>

<td>

</td>

</tr>

<tr>

</tr>

Noe som er galt her siden effekten ikke er her??

Endret 30. juli 2006 av cmi

KiKKA · 30. juli 2006

Se på hjemmesiden til scriptet:

Support:

It doesn't work at all. The image opens up in a new page. What's wrong?

This is commonly caused by a conflict between JS scripts. Check your body tag and look for an onload attribute. Example:

<body onload="MM_preloadImages(‘/images/menu_on.gif’)…;">

A quick fix to this problem is to append the initLightbox() to the onload attribute as so:

<body onload="MM_preloadImages(‘/images/menu_on.gif’)…;initLightbox()">

Hvis du nå bytter ut <body> med <body onload="initLightbox()"> på siden din tror jeg det vil fungere!

cmi · 30. juli 2006

Det kan godt hende jeg virker dum, men vil ha dette riktig, er det denne <body> jeg skal bytte ut med <body onload>??

<body>

<li><a href="#">Foto Galleri</a></li>

<li><a href="observasjoner.htm">Observasjoner</a></li>

<li><a href="gjestebok.htm">Gjestebok</a></li>

<li><a href="#">Tutorials</a></li>

<li><a href="#">About Us</a></li>

<li><a href="#">Contact Us</a></li>

</ul>

</div>

</div>

KiKKA · 30. juli 2006

Du bytter ut selve der det står <body> med <body onload="initLightbox()"> ! Da blir koden slik:

<body onload="initLightbox()">
<div id="container" style="width: 760px; height: 522px">
<div id="header-wrap">
<div id="header" style="width: 760px; height: 200px">
<div id="navcontainer">
<ul id="nav">
<li><a href="index.html">Hjem</a></li>
<li><a href="#">Foto Galleri</a></li>
<li><a href="observasjoner.htm">Observasjoner</a></li>
<li><a href="gjestebok.htm">Gjestebok</a></li>
<li><a href="#">Tutorials</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<p><img src="images/Header%20org.jpg"></p></div><!-- header -->
</div><!-- header-wrap -->

Logg inn

trenger hjelp til noe små koding ang. bilder

Anbefalte innlegg

cmi

Videoannonse

Erik B.

cmi

cmi

Gjest member-101642

cmi

KiKKA

cmi

KiKKA

cmi

KiKKA

cmi

KiKKA

cmi

KiKKA

cmi

cmi

KiKKA

cmi

KiKKA

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Populær nå

La oss diskutere dagligvareprisene 1 2 3 4 118

Hvem er aktive 0 medlemmer