Avatar billede ANPO Nybegynder
07. marts 2012 - 11:14 Der er 3 kommentarer

Problem med lightbox

Hej Eksperter

Jeg prøver at lave en side. Denne side skal indholde thumbnails, som så skal vises størrere i et andet vindue. Bruger lightbox, da det er lækkert og ser flot ud.

Har burgt det før uden problemer. Men kan simpelthen ikke få det til at virke denne her gang, jeg ved ikke hvad jeg gør galt. Og her håber jeg jo så at i kan hjælpe mig :)

Linker selvfølgelig til css og java script:
<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,builder" type="text/javascript"></script>
    <script src="js/lightbox.js" type="text/javascript"></script>

Og her kalder jeg mit billede med brug af HTML og PHP:
<a href="proimgs/th/<? echo $product['pro_thumb'];?>" rel="lightbox"><img src="proimgs/th/<?echo $product['pro_thumb'];?>" height="240" border="0"></a>

Den kalder begge billeder fint, og åbner i et nyt vindue. Det åbner bare ikke op i lightbox ;(
Avatar billede DeeDawg Nybegynder
07. marts 2012 - 12:15 #1
Ikke for at fornærme dig, men vi er jo nødt til at udelukke nogle muligheder - har du tjekket at dine filer bliver indlæst korrekt, og at de rent faktisk befinder sig på den sti du angiver?

Selve fremgangsmåden herover, kan jeg dog ikke finde nogle fejl i. Jeg tror at problemet ligger et andet sted, fx en konflikt med et andet script eller lign.

Kan du vise os hele din side? Enten med et link, eller også kan du vedhæfte din kode til et indlæg her. Du kan evt. benytte Pastebin så dit indlæg ikke bliver 5km langt. ;)


OBS! Undgå brugen af PHP shorttags, da det ikke kan forventes at det er slået til på den pågældende PHP installation. Er for det meste til mere skade, end gavn. :)
Avatar billede ANPO Nybegynder
07. marts 2012 - 20:23 #2
Alle filer lægger i de rigtige mapper, derunder javascript og css filer.
Bruger også et andet javascript i filen ved ikke om det kan være det? Har læst lidt på nettet og det kan skabe nogle komplikationer. Men kom aldrig frem til en løsning

Har lagt min kildekode her: http://pastebin.com/Z7viDRVN

Ps. skal nok få rettet mine shorttags til, det andet er bare hurtigere og en dårlig vane =)
Avatar billede DeeDawg Nybegynder
07. marts 2012 - 22:41 #3
Behøver jeg ikke en gang teste af, fordi når du også inkluderer jQuery, vil det skabe en konflikt.

Den mest optimale løsning, vil jo være at holde sig til et framework. Er dette ikke en mulighed for dig, vil du være nødt til at køre jQuery i noConflict mode.

Således

<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>
<script type="text/javascript" src="js/jquery-latest.js"></script>
<script type="text/javascript">
    jQuery.noConflict();
    (function($){
        // Din jQuery kode her!
    })(jQuery);
</script>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester