Imageviewer driller samt knap virker ikke i IE7

Tags:    javascript

hej alle.

jeg har endeig fået noget, der ligner en imageviewer ind på min hjemmeside, men det er stadig på test-niveau.

jeg har som sagt nogle problemer:

5 point pr løst problem...

1)Jeg kan ikke få knapperne til at virke i IE7, som jeg bl.a. tester på. Men det virker perfekt i Firefox...?!

2) borderen rundt om billederne kan jeg ikke få til at passe samme med billederne.
Jeg har dette fænomen mistænkt for også at "kappe" det sidste billede af.
(Husk at tjekke i firefox, hvor knapperne i det mindste virker..)

Her kan I se, hvordan imagevieweren gerne skulle komme til at se ud:
http://www.lineofdesign.dk/skole/image-viewer-test/index.html

her kan I se, hvordan det pt ser ud:
http://www.lineofdesign.dk/index.php?page=akryl



7 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 1 karma
Sorter efter stemmer Sorter efter dato
1: Væk med det sidste komma i listen over billeder:

fra:

Fold kodeboks ind/udKode 


Til
Fold kodeboks ind/udKode 


2: Når du bruger thickbox:

tb_init(item);

Så wrappes der et anchor ud omkring thumbnails, jeg kan se at dette anchor har padding: 10px; så jeg tror bare det er det der driller. Altså du ligger borderen på <listitem> elementet, som indeholder et <anchor> og <image>, på <anchoret> er der padding: 10px 5px;

Se ex:

http://www.megaupload.com/dk/?d=6HOUUAN8

Bør være

ul li a img{border:1px red;}

/J




Indlæg senest redigeret d. 21.01.2009 19:07 af Bruger #5789
Edit: For sent, Jokke svarede først.



Indlæg senest redigeret d. 21.01.2009 19:17 af Bruger #3143
1: Væk med det sidste komma i listen over billeder:

fra:

Fold kodeboks ind/udKode 


Til
Fold kodeboks ind/udKode 


FUCK, hvor er I fede!
har lige gjort dette- og nu virker knappen også i IE7 - Mega tak!

Nu skal jeg lige prøve det sidste- det var lidt sværere at forstå... :)
men tak fordi I hjælper!





@Jesper >> Sry, hader det selv :)

@Bimbom >> Svært, det skulle gerne være lige til :)..

Prøv det her til debug;


#carousel{border: 1px solid black !important;}
#carousel li {padding:10px !important;border:1px solid red !important;}
#carousel li a {padding:5px !important;border:1px solid blue !important;}
#carousel li a img{border:1px solid green !important;}




Indlæg senest redigeret d. 21.01.2009 19:43 af Bruger #5789
Så skulle det være fixet. :D
grunden til at det så svært ud, var at det, som skulle styles på kom fra et stylesheet, som jeg slet ikke havde rodet med.
Men som du også skriver nu, så har jeg løst en del med !important... så det gik. :)

jeg er meget glad for resultatet!
jeg synes dog javascriptet er lidt mystisk, når man første gang når til "enden" af billederne, hvor det ligesom loader et halvt billede... men hvad, det kan jeg leve med... :)

Og jeg takker tusinde gange for hjælpen!
det var klart alle 10 point værd!

Nu mangler jeg blot at finde ud af, hvorfor min sIFR-font forsvandt på dén side?? ;)



Fold kodeboks ind/udKode 


De er lidt nødvendige :)



*LOL*

Okay... Godnat hedder det så vist herfra.... :D

-og tak:$



t