Avatar billede martinmortensen Praktikant
21. februar 2019 - 21:28 Der er 4 kommentarer

Lightbox ud fra html link? Hjælp

Hej Eksperter

Jeg prøver at få et link til at åbne i en lightbox. På vores forside ww.bestaamatematik.dk - > der kan man åbne en video. Denne åbner i en lightbox præcis som den skal og jeg har her forsøgt at tage kildeteksten ud

<div class="container"><div class="wrapper"><div class="row blox-row "><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><div class='blox_element tt_raw_content  '><a id="5c6f0924ccc34" rel="wp-video-lightbox" href="https://vimeo.com/237960320?width=640&height=360" title=""><img src="https://bestaamatematik.dk/wp-content/uploads/2017/04/play-movie-icon.png" class="video_lightbox_anchor_image" alt="" /></a>    <script>
    /* <![CDATA[ */
    jQuery(document).ready(function($){
        $(function(){
            var width = $(window).innerWidth();
            var setwidth = 640;
            var ratio = 0.5625;
            var height = 360;
            var link = 'https://vimeo.com/237960320?width=640&height=360';
            if(width < setwidth)
            {
                height = Math.floor(width * 0.5625);
                //console.log("device width "+width+", set width "+640+", ratio "+0.5625+", new height "+ height);
                var new_url = wpvl_paramReplace('width', link, width);
                var new_url = wpvl_paramReplace('height', new_url, height);
                $("a#5c6f0924ccc34").attr('href', new_url);
                //console.log(new_url);
            }   
        });
    });
    /* ]]&gt; */
    </script>        </div>

Hvordan får jeg dette link

<li><a href="https://vimeo.com/318844873" target="_blank">Hvordan virker det?</a></li>

til at åbne i samme lightbox? Dette skal nemlig vises inde på vores træningsside.

Er der nogle hjælpsomme eksperter der kan hjælpe mig, så jeg kan lære det?

På forhånd tusind tak
Avatar billede Peter Kruse Mester
21. februar 2019 - 22:14 #1
Altså efter at have kigget din kode igennem, vil jeg nok kigge på din script kode i html koden. Eftersom som selve html koden siger fint ud.

Men spænende hjemmeside, held og lykke med den

Hilsen Peter Kruse

]Udvikler for penguware.xyz
Avatar billede martinmortensen Praktikant
21. februar 2019 - 22:19 #2
har du nogen mulighed for at forklare mig præcist hvad jeg skal gøre eller hvad jeg skal sætte ind?
Avatar billede Peter Kruse Mester
21. februar 2019 - 22:27 #3
Jeg vil virkelig gerne hjælpe, men min viden indenfor jQuery er ikke ligefrem den bedste, jeg arbejder mest i c++, c#,html, css og meget lidt js. Jeg kan derfor ikke sige helt præcist hvad du kan gøre, men udfra koden vil jeg gætte på her

" ///////////////
var new_url = wpvl_paramReplace('width', link, width);
                var new_url = wpvl_paramReplace('height', new_url, height);
                $("a#5c6f0924ccc34").attr('href', new_url);
" /////////////



Hilsen Peter Kruse

Udvikler for penguware.xyz
Avatar billede klaudi Ekspert
21. februar 2019 - 23:47 #4
Måske det skal ligne dette, mener du skal have rel="wp-video-lightbox" med i link!

<li><a rel="wp-video-lightbox"  href="https://vimeo.com/318844873">Hvordan virker det?</a></li>
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

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