Just nu i M3-nätverket
Gå till innehåll
M-L-I

Hur ska man infoga "foto-effekt" kod, i sitt html dokument!?

Rekommendera Poster

Hejsan!

Jag hittade en Javascript kod på en sida, en som ger en speciell effekt till fotoalbumet, och öppnar bilderna på ett mer fint sätt, än som vanligt...

det står fina instruktioner om hur man ska infoga och göra, men ändå funkar det inte.

jag vet inte om det är mer som ska infogas, eller om det är fel på koden....

någon som är bra på sånthär, som kan hjälpa mig lite?

 

Tack!

 

//Emelie

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Det hade underlättat om du hade visat relevant kod eller en länk till en sida där du använder scriptet ;)

 

Om du nu lägger in en massa kod i forumet så lägg det mellan [ LOG ]-taggarna!

 

[inlägget ändrat 2006-12-26 17:52:20 av Micke_skane]

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Jag har inte försökt på min hemsida än, utan jag försökte på vanliga .html dokument, som har nästan samma koder som min hemsida..

 

Vill du ha koderna som jag har i dokumentet?

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Ja, visa koden för sidan du har försökt på.

Glöm inte att lägg koden inom [ LOG ] -taggarna!

Du hittar knappen för dem taggarna ovanför rutan där du skriver dina inlägg/svar!

Finns det även en länk till sidan, om du har lagt upp sidan din webbplats, så visa även den länken.

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Saken e den, varför jag inte laddat upp det än, är för att jag just nu har en hemsida på freewebs, men ska skaffa eget. och vill därför snygga till sidan lite då jag fått domänen..

 

 

Här har vi då koden, ser kanske lite rörigt ut.. jag har inte direkt vart så noga med just dessa dokument då det bara är lite tester.

 

 

 

[log]<HTML><HEAD><TITLE>Galleri</TITLE>

<STYLE type=text/css>

html, body

{

scrollbar-face-color: #66CC99;

scrollbar-highlight-color: #CCFFCC;

scrollbar-shadow-color: #CCFFCC;

scrollbar-3dlight-color: #66CC99;

scrollbar-darkshadow-color: #66CC99;

scrollbar-arrow-color: #FFFFFF;

scrollbar-track-color: #CCFFCC;

}

</STYLE>

 

 

<META content="MSHTML 6.00.2900.2963" name=GENERATOR>

 

 

<SCRIPT LANGUAGE="JavaScript">

<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>

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

 

</script>

 

</HEAD>

<BODY text="green" bgColor=#ccffcc background=""><FONT face="Georgia

" color="red" size=>

 

<BODY vLink="darkgreen" aLink="darkgreen" link="darkgreen" bgColor=#CCFFCC background="" style="background-align: center">

 

 

<CENTER>

 

 

 

<STYLE type=text/css>

<!--

hr { width: 44%; border-top: 2px dashed #000000;

border-right: 0px; border-bottom: 0px; border-left: 0px; }

-->

</STYLE>

<center>

<FONT face="Georgia

" color="green" size=>

</CENTER>

 

 

 

<CENTER><i><h1></h1></i></CENTER>

<FONT face="Bookman Old Style" color=#006600 size=2>

 

 

<a href="http://www.dropshots.com/photos/130681/20060815/130149.jpg" rel="lightbox[roadtrip]">image #1</a>

<a href="http://www.dropshots.com/photos/130681/20060621/162714.jpg" rel="lightbox[roadtrip]">image #2</a>

<a href="http://www.dropshots.com/photos/130681/20060618/202325.jpg" rel="lightbox[roadtrip]">image #3</a>

 

</FONT></FONT></BODY></HTML>[/log]

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

..två body-taggar? :S..

det var verkligen rörigt :P men kan hjälpa dig o få till det

felet var att du hade script-taggarna i script-taggar :P

:

 

[log]<HTML><HEAD><TITLE>Galleri</TITLE>

<STYLE type=text/css>

<!--

html, body

{

scrollbar-face-color: #66CC99;

scrollbar-highlight-color: #CCFFCC;

scrollbar-shadow-color: #CCFFCC;

scrollbar-3dlight-color: #66CC99;

scrollbar-darkshadow-color: #66CC99;

scrollbar-arrow-color: #FFFFFF;

scrollbar-track-color: #CCFFCC;

}

hr { width: 44%; border-top: 2px dashed #000000;

border-right: 0px; border-bottom: 0px; border-left: 0px; }

-->

</STYLE>

 

<META content="MSHTML 6.00.2900.2963" name=GENERATOR>

 

<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>

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

 

</HEAD>

 

<BODY text="green" vLink="darkgreen" aLink="darkgreen" link="darkgreen" bgColor=#CCFFCC>

 

<FONT face="Bookman Old Style" color=#006600 size=2>

 

<a href="http://www.dropshots.com/photos/130681/20060815/130149

.jpg" rel="lightbox[roadtrip]">image #1</a>

<a href="http://www.dropshots.com/photos/130681/20060621/162714

.jpg" rel="lightbox[roadtrip]">image #2</a>

<a href="http://www.dropshots.com/photos/130681/20060618/202325

.jpg" rel="lightbox[roadtrip]">image #3</a>

 

</FONT></BODY></HTML>[/log]

 

så nu ser det mycket bättre ut:)

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Du har lagt in javascript-länkarna+cssfil-länken inom script-taggar och det ska du inte göra!

 

Ändra:

[log]

<SCRIPT LANGUAGE="JavaScript"> 
<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>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

</script>

[/log]

Till:

[log]

<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>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

[/log]

Sen har du lite extra "skitkod" som du kan ta bort:

# två body-taggar där den första är fel. Är det den du vill använda?

# font-taggar, inom center-taggen, som inte är fullständiga

 

Prova att ändra det jag påpekade på och testa igen!

Hör av dig igen och visa en uppdaterad kod på hur det ser ut efter du fixat till felen!

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Det funkar fortfarande inte...

Jag har provat på massa olika sätt, även på detta...

provade det igen, så som ni föreslog.. och nix... inget.

Ska man ha några andra dokument i samma mapp, för att få det o funka, som t ex. "lightbox.js" eller "scriptaculous.js" jag har provat olika där med, och andra grejer, men det vill verkligen inte!

 

Blir så förvirrad, har försökt o läsa igenom "kurser" om Javascript på andra hemsidor, och dom ger mig inget direkt svar på vad jag kan göra fel, där heller......

 

Behövs det något annat för att få det o funka, andra dokument i samma dokument eller liknande?

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Har du en mapp som heter js och som ligger i samma mapp som sidan du testa på?

I mappen js ska javascript-filerna ligga.

Har du även en mapp som heter css och som innehåller filen, lightbox.css?

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Bifogar en bild, så det blir lättare o förklara, jag blir själv förvirrad av allt, hehe!

 

 

(fast js mappen är tom)

 

 

 

 

[bild bifogad 2006-12-26 20:24:53 av M-L-I]

[inlägget ändrat 2006-12-26 20:25:35 av M-L-I]

900773_thumb.jpg

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Se där :)

 

Lägg i följande filer i mappen js:

prototype.js

scriptaculous.js

lightbox.js

 

Det finns ju ingen mapp som heter css!

Det finns ju inte heller någon fil som heter: lightbox.css

Vilken css-fil fanns med i zip-filen?

Du har deklarerat att du vill använda en css-fil(lightbox.css) i en mapp som heter css med följande kod:

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

[inlägget ändrat 2006-12-26 20:31:19 av Micke_skane]

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Jaha, behövde jag sån mapp också.. haha!

 

Nåja, det fixade jag nu... och hittade fram lightbox.css stoppade den i css mappen (antar jag att jag skulle göra) ska de andra css dokumenten in i den med eller ska dom lämnas kvar?

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
Jaha, behövde jag sån mapp också.. haha!
Alla är vi nybörjare men på olika nivåer ;)

 

Det ska räcka med lightbox.css!

 

Hur har du gjort med js-filerna?

Är dem inlagda i mappen js?

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Ja, nybörjare är jag nog, men jag försöker så gott jag kan! tycker det e så roligt!

 

 

Jajemensan!

inlaggda i js!

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

inte alls :-/

Det är precis som innan, att bilden öppnar sig som vanligt!

Vad frustrerande!

 

Det är inte möjligt att det är nått fel på själva koden tro?

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Jag ska testa att ladda ner zip-filen och själv testa.

Återkommer inom kort!

 

Edit: Lägg in filen effects.js i mappen js och testa!

 

[inlägget ändrat 2006-12-26 20:54:58 av Micke_skane]

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Ja men va skoj!!!

Det funkar! :D

tack tack tack för att du tagit dig tid för o hjälpa mig!

hoppas allt går smärtfritt nu! :)

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
tack tack tack för att du tagit dig tid för o hjälpa mig!
Varsågod!

Alltid lika kul med folk som uppskattar hjälpen :)

 

hoppas allt går smärtfritt nu!
Det hoppas jag med :)

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Ja, men detta var ju roligt, nu är jag tillbaka idag igen!

 

Fungerade jätte bra igår, detta javascriptet....

men idag när jag skulle fortsätta o bygga lite på det, så vart det väck igen? eller det funkar inte :(

Minns inte att jag flyttat eller ändrat på något... :/

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Ska vi se här...

 

 

 

 

[log]<HTML><HEAD><TITLE>Galleri</TITLE>

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

<STYLE type=text/css>

<!--

html, body

{

scrollbar-face-color: #66CC99;

scrollbar-highlight-color: #CCFFCC;

scrollbar-shadow-color: #CCFFCC;

scrollbar-3dlight-color: #66CC99;

scrollbar-darkshadow-color: #66CC99;

scrollbar-arrow-color: #FFFFFF;

scrollbar-track-color: #CCFFCC;

}

hr { width: 44%; border-top: 2px dashed #000000;

border-right: 0px; border-bottom: 0px; border-left: 0px; }

-->

</STYLE>

 

<META content="MSHTML 6.00.2900.2963" name=GENERATOR>

 

<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>

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

</HEAD>

 

<BODY>

 

 

 

<div class="box1">

<p>

<a href="http://www.dropshots.com/photos/130681/20060815/130149.jpg"'>http://www.dropshots.com/photos/130681/20060815/130149.jpg" rel="lightbox[roadtrip]" title="Mitire"><IMG height=100 src="http://www.dropshots.com/photos/130681/20060815/130149.jpg" width=100 border=1></A>

</p>

</div>

 

 

 

 

 

 

<br><br><br><br><br><br>

 

<div class="box1">

<p>

<a href="http://www.dropshots.com/photos/130681/20061125/120046.jpg"'>http://www.dropshots.com/photos/130681/20061125/120046.jpg" rel="lightbox[roadtrip]" title=""><IMG height=100 src="http://www.dropshots.com/photos/130681/20061125/120046.jpg" width=100 border=1></A>

</p>

</div>

 

 

</BODY></HTML>[/log]

 

[inlägget ändrat 2006-12-27 20:59:16 av M-L-I]

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Är dina <a href...>-taggar på en rad och inte radbrytna?

Så att det, lite forkortat, ser ut så här:

<a href="..." rel=...><img src="...></a>

 

Vad är det som inte blir som det blev igår?

Syns inga bilder eller öppnas inte bilderna som det är tänkt?

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Skapa ett konto eller logga in för att kommentera

Du måste vara medlem för att kunna kommentera

Skapa ett konto

Skapa ett nytt konto på vårt forum. Det är lätt!

Registrera ett nytt konto

Logga in

Redan medlem? Logga in här.

Logga in nu



×
×
  • Skapa nytt...