Just nu i M3-nätverket
Gå till innehåll
Eforum är stängt för nya inlägg och svar sedan 20 juni 2022. Klicka för att läsa vad som hände och om alternativ.

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

M-L-I

Startad av M-L-I,
i Webbutveckling

Rekommendera Poster

M-L-I

M-L-I

Postad
Postad

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

 

Länk till kommentar
Dela på andra webbplatser
Micke_skane

Micke_skane

Postad
Postad

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]

Länk till kommentar
Dela på andra webbplatser
Micke_skane

Micke_skane

Postad
Postad

Okej, då vet man hur det är tänkt att vara men hur ser det ut på din sida.

Finns det en sida som man kan se hur du gjort?

 

Länk till kommentar
Dela på andra webbplatser
M-L-I

M-L-I

Postad
  • Trådskapare
Postad

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?

 

Länk till kommentar
Dela på andra webbplatser
Micke_skane

Micke_skane

Postad
Postad

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.

 

Länk till kommentar
Dela på andra webbplatser
M-L-I

M-L-I

Postad
  • Trådskapare
Postad

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]

 

Länk till kommentar
Dela på andra webbplatser
Codler

Codler

Postad
Postad

..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:)

 

Länk till kommentar
Dela på andra webbplatser
Micke_skane

Micke_skane

Postad
Postad

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!

 

Länk till kommentar
Dela på andra webbplatser
M-L-I

M-L-I

Postad
  • Trådskapare
Postad

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?

 

Länk till kommentar
Dela på andra webbplatser
Micke_skane

Micke_skane

Postad
Postad

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?

 

Länk till kommentar
Dela på andra webbplatser
M-L-I

M-L-I

Postad
  • Trådskapare
Postad

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

Länk till kommentar
Dela på andra webbplatser
Micke_skane

Micke_skane

Postad
Postad

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]

Länk till kommentar
Dela på andra webbplatser
M-L-I

M-L-I

Postad
  • Trådskapare
Postad

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?

 

Länk till kommentar
Dela på andra webbplatser
Micke_skane

Micke_skane

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

 

Länk till kommentar
Dela på andra webbplatser
M-L-I

M-L-I

Postad
  • Trådskapare
Postad

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

 

 

Jajemensan!

inlaggda i js!

 

Länk till kommentar
Dela på andra webbplatser
M-L-I

M-L-I

Postad
  • Trådskapare
Postad

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?

 

Länk till kommentar
Dela på andra webbplatser
Micke_skane

Micke_skane

Postad
Postad

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]

Länk till kommentar
Dela på andra webbplatser
M-L-I

M-L-I

Postad
  • Trådskapare
Postad

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! :)

 

Länk till kommentar
Dela på andra webbplatser
Micke_skane

Micke_skane

Postad
Postad
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 :)

 

Länk till kommentar
Dela på andra webbplatser
M-L-I

M-L-I

Postad
  • Trådskapare
Postad

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... :/

 

Länk till kommentar
Dela på andra webbplatser
M-L-I

M-L-I

Postad
  • Trådskapare
Postad

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]

Länk till kommentar
Dela på andra webbplatser
Micke_skane

Micke_skane

Postad
Postad

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

 

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

Gå till ämneslista


×
×
  • Skapa nytt...