Hjælp med baggrund hvor man kan klikke på den.

Fra Allinge

Tilmeldt 9. Jan 09

Indlæg ialt: 1822

Kim Vinberg Fra Websitecare Skrevet 16-06-2010 kl. 22:37

Hvor mange stjerner giver du? :

Hej Aminoer.

Så er det blevet min tur til at få hjælp :D

Jeg har på min side et baggrundsbillede. Det billede vil jeg gerne have at det er muligt at klikke på så den åbner en ny side (ligesom EPN her på amino)

Jeg havde igår noget der virkede. men når det virkede virked emin lightbox (jquery) ikke. og omvendt.

Sådan ser koden ud:

Dette virker KUN hvis jeg smider koden indenfor body tag og har

lige over koden. Men så virker lightbox ikke.

Er der nogen som kan hjælpe med at få den til at virke... for jeg kan ikke :/

32bit.dk

dicm.dk

Fra Silkeborg

Tilmeldt 19. Feb 07

Indlæg ialt: 2355

thorup.io Fra ZeroCode Skrevet 16-06-2010 kl. 23:46

Hvor mange stjerner giver du? :

Gennemsnit 5,0 stjerner givet af 1 person

Hej

Mon ikke dette kan bruges:

http://xavisys.com/css-trick-turning-a-background-image-into-a-clickable-link/

Venlig hilsen
Ole

Bliv forhandler af AVI-8 ure

Fra Allinge

Tilmeldt 9. Jan 09

Indlæg ialt: 1822

Kim Vinberg Fra Websitecare Skrevet 17-06-2010 kl. 01:12

Hvor mange stjerner giver du? :

Desværre kan jeg ikke benytte den der :(

Kan godt få den til at virke som link på billedet. problemet er så bare at den ikke virker som baggrund. da link funktionen så ikke virker. der er simpelthen noget foran linket. og med en z-index på 0 går billedet foran indholdet. :( men takker for at du gad at prøve at hjælpe.

32bit.dk

dicm.dk

Fra Allinge

Tilmeldt 9. Jan 09

Indlæg ialt: 1822

Kim Vinberg Fra Websitecare Skrevet 17-06-2010 kl. 02:18

Hvor mange stjerner giver du? :

Gennemsnit 5,0 stjerner givet af 1 person

Løsning fundet. efter mange timer :)

Deler den lige med alle:

#bgbody {
    background: #ece3cc url("http://dicm.dk/dicm/wp-content/uploads/2010/06/1266760_29000455.jpg") no-repeat scroll top center;
}
</style>

</head>


<body id="bgbody">
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/assets/js/jquery-1.3.2.min.js"></script>
<script>
jQuery.noConflict();

    jQuery('body').click(function(e) {
        background_link = 'http://dicm.dk';
        evt = e || window.event;
        if (e.target) targ = e.target;
        else if (e.srcElement) targ = e.srcElement;
        if (targ.nodeType == 3) // Safari bug
        targ = targ.parentNode;

        if (targ.id == 'bgbody') {
            window.open(background_link);
        }
    });

   </script>

32bit.dk

dicm.dk