SimplePortal

Support => International Support => Dutch (Nederlands) => Topic started by: weerforum on June 04, 2012, 04:46:12 PM

Title: Code voor vergroten bij klikken
Post by: weerforum on June 04, 2012, 04:46:12 PM
Hoe krijg ik dat voor elkaar ?
Al mijn radars zijn aanklikbaar en vergroten door Highslide.
Alleen lukt het me niet met deze code.

Code: [Select]
<center>
  <table width="74%" border="0">
    <tr>
     
      <th width="18%" scope="col">KNMI pluim<a href="http://www.knmi.nl/exp/pluim/Data/PLUIM_06260_NWT.png" rel="lightbox[smf]" title="KNMI Pluimen"><br />
      <img src="http://www.knmi.nl/exp/pluim/Data/PLUIM_06260_NWT.png" width="100" height="120" title="pluim" alt="pluim"></img></a></th>
     
      <th width="18%" scope="col">15-daagse<a href="http://www.knmi.nl/exp/pluim/vijftiendaagse/Data/15DAAGSE_06260_NWT.png" rel="lightbox[smf]"><br />
      <img src="http://www.knmi.nl/exp/pluim/vijftiendaagse/Data/15DAAGSE_06260_NWT.png" width="100" height="120" alt="15-daagse pluim"></img></a></th>
      <th width="18%" scope="col">500 hPa<br>
      <a href="http://www.wetterzentrale.de/pics/Rtavn121.png" rel="lightbox[smf]"><img src="http://www.wetterzentrale.de/pics/Rtavn121.png" alt="500 hPa " width="100" height="120"></a></th>
      <th width="18%" scope="col"><span class="blod">850 hPa<br>
      <a href="http://www.wetterzentrale.de/pics/Rtavn122.png" rel="lightbox[smf]"><img src="http://www.wetterzentrale.de/pics/Rtavn122.png" alt="850 hPa" width="100" height="120"></a></span></th>
      <th width="18%" scope="col">Wolken<br>
      <a href="http://www.wetterzentrale.de/pics/Rtavn123.png" rel="lightbox[smf]"><img src="http://www.wetterzentrale.de/pics/Rtavn123.png" alt="Bewolking" width="100" height="120"></a></th>
      <th width="18%" scope="col">Neerslag<br>
      <a href="http://www.wetterzentrale.de/pics/Rtavn124.png" rel="lightbox[smf]"><img src="http://www.wetterzentrale.de/pics/Rtavn124.png" alt="Neerslag" width="100" height="120"></a></th>
      <th width="18%" scope="col">
      </a></th>
    </tr>
  </table>
</center>
Title: Re: Code voor vergroten bij klikken
Post by: Kryzen on June 04, 2012, 04:48:10 PM
Goedenavond :) Heb je een link naar de code/mod van Highslide die je gebruikt? Ik heb namelijk geen idee waar ik naar moet zoeken. :P
Title: Re: Code voor vergroten bij klikken
Post by: weerforum on June 04, 2012, 04:51:03 PM
Ik gebruik deze mod FancyBox 4 SMF

http://custom.simplemachines.org/mods/index.php?mod=3303
Title: Re: Code voor vergroten bij klikken
Post by: Kryzen on June 04, 2012, 04:59:59 PM
Dit zou het moeten doen. :)
Code: [Select]
<center>
  <table width="74%" border="0">
    <tr>
     
      <th width="18%" scope="col">KNMI pluim<a class="grouped_elements" href="http://www.knmi.nl/exp/pluim/Data/PLUIM_06260_NWT.png" rel="lightbox[smf]" title="KNMI Pluimen"><br />
      <img src="http://www.knmi.nl/exp/pluim/Data/PLUIM_06260_NWT.png" width="100" height="120" title="pluim" alt="pluim"></img></a></th>
     
      <th width="18%" scope="col">15-daagse<a href="http://www.knmi.nl/exp/pluim/vijftiendaagse/Data/15DAAGSE_06260_NWT.png" rel="lightbox[smf]"><br />
      <img src="http://www.knmi.nl/exp/pluim/vijftiendaagse/Data/15DAAGSE_06260_NWT.png" width="100" height="120" alt="15-daagse pluim"></img></a></th>
      <th width="18%" scope="col">500 hPa<br>
      <a class="grouped_elements" href="http://www.wetterzentrale.de/pics/Rtavn121.png" rel="lightbox[smf]"><img src="http://www.wetterzentrale.de/pics/Rtavn121.png" alt="500 hPa " width="100" height="120"></a></th>
      <th width="18%" scope="col"><span class="blod">850 hPa<br>
      <a class="grouped_elements" href="http://www.wetterzentrale.de/pics/Rtavn122.png" rel="lightbox[smf]"><img src="http://www.wetterzentrale.de/pics/Rtavn122.png" alt="850 hPa" width="100" height="120"></a></span></th>
      <th width="18%" scope="col">Wolken<br>
      <a class="grouped_elements" href="http://www.wetterzentrale.de/pics/Rtavn123.png" rel="lightbox[smf]"><img src="http://www.wetterzentrale.de/pics/Rtavn123.png" alt="Bewolking" width="100" height="120"></a></th>
      <th width="18%" scope="col">Neerslag<br>
      <a class="grouped_elements" href="http://www.wetterzentrale.de/pics/Rtavn124.png" rel="lightbox[smf]"><img src="http://www.wetterzentrale.de/pics/Rtavn124.png" alt="Neerslag" width="100" height="120"></a></th>
      <th width="18%" scope="col">
      </a></th>
    </tr>
  </table>
</center>
Title: Re: Code voor vergroten bij klikken
Post by: weerforum on June 04, 2012, 05:03:09 PM
Nee sorry bij het aanklikken opent het in een nieuw venster.
En dat wil ik niet  :nervous-happy:
Title: Re: Code voor vergroten bij klikken
Post by: Kryzen on June 04, 2012, 05:12:42 PM
En dit? :)
Code: [Select]
<center>
  <table width="74%" border="0">
    <tr>
     
      <th width="18%" scope="col">KNMI pluim<a class="grouped_elements" href="javascript:void(0);" rel="lightbox[smf]" title="KNMI Pluimen"><br />
      <img src="http://www.knmi.nl/exp/pluim/Data/PLUIM_06260_NWT.png" width="100" height="120" title="pluim" alt="pluim"></img></a></th>
     
      <th width="18%" scope="col">15-daagse<a href="javascript:void(0);" rel="lightbox[smf]"><br />
      <img src="http://www.knmi.nl/exp/pluim/vijftiendaagse/Data/15DAAGSE_06260_NWT.png" width="100" height="120" alt="15-daagse pluim"></img></a></th>
      <th width="18%" scope="col">500 hPa<br>
      <a class="grouped_elements" href="javascript:void(0);" rel="lightbox[smf]"><img src="http://www.wetterzentrale.de/pics/Rtavn121.png" alt="500 hPa " width="100" height="120"></a></th>
      <th width="18%" scope="col"><span class="blod">850 hPa<br>
      <a class="grouped_elements" href="javascript:void(0);" rel="lightbox[smf]"><img src="http://www.wetterzentrale.de/pics/Rtavn122.png" alt="850 hPa" width="100" height="120"></a></span></th>
      <th width="18%" scope="col">Wolken<br>
      <a class="grouped_elements" href="javascript:void(0);" rel="lightbox[smf]"><img src="http://www.wetterzentrale.de/pics/Rtavn123.png" alt="Bewolking" width="100" height="120"></a></th>
      <th width="18%" scope="col">Neerslag<br>
      <a class="grouped_elements" href="javascript:void(0);" rel="lightbox[smf]"><img src="http://www.wetterzentrale.de/pics/Rtavn124.png" alt="Neerslag" width="100" height="120"></a></th>
      <th width="18%" scope="col">
      </a></th>
    </tr>
  </table>
</center>
Title: Re: Code voor vergroten bij klikken
Post by: weerforum on June 04, 2012, 05:15:03 PM
Uhm dat doet helemaal niets  :nervous-happy:
Title: Re: Code voor vergroten bij klikken
Post by: Kryzen on June 04, 2012, 05:31:44 PM
Ik vind de documentatie van Fancybox zelf nogal onduidelijk, dus ik denk dat je het beter in het ondersteuningstopic van Fancybox 4 SMF kunt vragen. ;)
Title: Re: Code voor vergroten bij klikken
Post by: weerforum on June 04, 2012, 05:34:10 PM
Elke foto of radar die ik heb staan gaat prima.
De code zal denk ik niet goed zijn voor wat ik ermee wil vrees ik.
Title: Re: Code voor vergroten bij klikken
Post by: Kryzen on June 04, 2012, 05:36:00 PM
Ah, ik zal kijken wat ik kan doen. :)
Title: Re: Code voor vergroten bij klikken
Post by: weerforum on June 04, 2012, 05:37:43 PM
Ik zou je zeer dankbaar zijn Dr.Deejay  8)
Title: Re: Code voor vergroten bij klikken
Post by: Kryzen on June 04, 2012, 05:38:03 PM
Dit zou het moeten doen :)
Code: [Select]
<center>
  <table width="74%" border="0">
    <tr>
     
      <th width="18%" scope="col">KNMI pluim<a class="highslide" href="http://www.knmi.nl/exp/pluim/Data/PLUIM_06260_NWT.png" rel="lightbox[smf]" title="KNMI Pluimen"><br />
      <img src="http://www.knmi.nl/exp/pluim/Data/PLUIM_06260_NWT.png" width="100" height="120" title="pluim" alt="pluim"></img></a></th>
     
      <th width="18%" scope="col">15-daagse<a class="highslide" href="http://www.knmi.nl/exp/pluim/vijftiendaagse/Data/15DAAGSE_06260_NWT.png" rel="lightbox[smf]"><br />
      <img src="http://www.knmi.nl/exp/pluim/vijftiendaagse/Data/15DAAGSE_06260_NWT.png" width="100" height="120" alt="15-daagse pluim"></img></a></th>
      <th width="18%" scope="col">500 hPa<br>
      <a class="highslide" href="http://www.wetterzentrale.de/pics/Rtavn121.png" rel="lightbox[smf]"><img src="http://www.wetterzentrale.de/pics/Rtavn121.png" alt="500 hPa " width="100" height="120"></a></th>
      <th width="18%" scope="col"><span class="blod">850 hPa<br>
      <a class="highslide" href="http://www.wetterzentrale.de/pics/Rtavn122.png" rel="lightbox[smf]"><img src="http://www.wetterzentrale.de/pics/Rtavn122.png" alt="850 hPa" width="100" height="120"></a></span></th>
      <th width="18%" scope="col">Wolken<br>
      <a class="highslide" href="http://www.wetterzentrale.de/pics/Rtavn123.png" rel="lightbox[smf]"><img src="http://www.wetterzentrale.de/pics/Rtavn123.png" alt="Bewolking" width="100" height="120"></a></th>
      <th width="18%" scope="col">Neerslag<br>
      <a class="highslide" href="http://www.wetterzentrale.de/pics/Rtavn124.png" rel="lightbox[smf]"><img src="http://www.wetterzentrale.de/pics/Rtavn124.png" alt="Neerslag" width="100" height="120"></a></th>
      <th width="18%" scope="col">
      </a></th>
    </tr>
  </table>
</center>
Title: Re: Code voor vergroten bij klikken
Post by: weerforum on June 04, 2012, 05:41:03 PM
Grrrrrrrrrrrr nee nog net niet.
Ik zie als ik erop klik wel het vergrootglas maar het opent nog steeds in een ander venster.
Title: Re: Code voor vergroten bij klikken
Post by: Kryzen on June 04, 2012, 05:44:14 PM
En dit?
Code: [Select]
<center>
  <table width="74%" border="0">
    <tr>
     
      <th width="18%" scope="col">KNMI pluim<a class="highslide" href="javascript:void(0);" rel="lightbox[smf]" title="KNMI Pluimen"><br />
      <img src="http://www.knmi.nl/exp/pluim/Data/PLUIM_06260_NWT.png" width="100" height="120" title="pluim" alt="pluim"></img></a></th>
     
      <th width="18%" scope="col">15-daagse<a class="highslide" href="javascript:void(0);" rel="lightbox[smf]"><br />
      <img src="http://www.knmi.nl/exp/pluim/vijftiendaagse/Data/15DAAGSE_06260_NWT.png" width="100" height="120" alt="15-daagse pluim"></img></a></th>
      <th width="18%" scope="col">500 hPa<br>
      <a class="highslide" href="javascript:void(0);" rel="lightbox[smf]"><img src="http://www.wetterzentrale.de/pics/Rtavn121.png" alt="500 hPa " width="100" height="120"></a></th>
      <th width="18%" scope="col"><span class="blod">850 hPa<br>
      <a class="highslide" href="javascript:void(0);" rel="lightbox[smf]"><img src="http://www.wetterzentrale.de/pics/Rtavn122.png" alt="850 hPa" width="100" height="120"></a></span></th>
      <th width="18%" scope="col">Wolken<br>
      <a class="highslide" href="javascript:void(0);" rel="lightbox[smf]"><img src="http://www.wetterzentrale.de/pics/Rtavn123.png" alt="Bewolking" width="100" height="120"></a></th>
      <th width="18%" scope="col">Neerslag<br>
      <a class="highslide" href="javascript:void(0);" rel="lightbox[smf]"><img src="http://www.wetterzentrale.de/pics/Rtavn124.png" alt="Neerslag" width="100" height="120"></a></th>
      <th width="18%" scope="col">
      </a></th>
    </tr>
  </table>
</center>
Title: Re: Code voor vergroten bij klikken
Post by: weerforum on June 04, 2012, 05:47:27 PM
Nee helaas hetzelfde als voorheen.
Het vergroot niet maar ik zie wel het vergrootglas.
Title: Re: Code voor vergroten bij klikken
Post by: Kryzen on June 04, 2012, 05:49:22 PM
Heb je een link naar de pagina waar je het wilt laten zien?
Title: Re: Code voor vergroten bij klikken
Post by: weerforum on June 04, 2012, 05:51:47 PM
Ik zal je ff een PM sturen met de inlog gegevens.
Title: Re: Code voor vergroten bij klikken
Post by: weerforum on June 04, 2012, 06:18:10 PM
PM onderweg  :D
Title: Re: Code voor vergroten bij klikken
Post by: Kryzen on June 05, 2012, 06:20:11 AM
Oke, ik denk dat ik het probleem heb gevonden. :) Ik dacht dat er alleen een extra class nodig was voor de urls, maar dat laat alleen maar die vergrootglas zien wanneer je je muis erover heen houdt. Ik heb even naar de andere images gekeken en ik dit zou moeten werken:
Code: [Select]
<center>
  <table width="74%" border="0">
    <tr>
     
      <th width="18%" scope="col">KNMI pluim<a class="highslide" href="javascript:void(0);" rel="lightbox[smf]" title="KNMI Pluimen" onclick="return hs.expand(this)"><br />
      <img src="http://www.knmi.nl/exp/pluim/Data/PLUIM_06260_NWT.png" width="100" height="120" title="pluim" alt="pluim"></img></a></th>
     
      <th width="18%" scope="col">15-daagse<a class="highslide" href="javascript:void(0);" rel="lightbox[smf]"><br />
      <img src="http://www.knmi.nl/exp/pluim/vijftiendaagse/Data/15DAAGSE_06260_NWT.png" width="100" height="120" alt="15-daagse pluim"></img></a></th>
      <th width="18%" scope="col">500 hPa<br>
      <a class="highslide" href="javascript:void(0);" rel="lightbox[smf]" onclick="return hs.expand(this)"><img src="http://www.wetterzentrale.de/pics/Rtavn121.png" alt="500 hPa " width="100" height="120"></a></th>
      <th width="18%" scope="col"><span class="blod">850 hPa<br>
      <a class="highslide" href="javascript:void(0);" rel="lightbox[smf]" onclick="return hs.expand(this)"><img src="http://www.wetterzentrale.de/pics/Rtavn122.png" alt="850 hPa" width="100" height="120"></a></span></th>
      <th width="18%" scope="col">Wolken<br>
      <a class="highslide" href="javascript:void(0);" rel="lightbox[smf]" onclick="return hs.expand(this)"><img src="http://www.wetterzentrale.de/pics/Rtavn123.png" alt="Bewolking" width="100" height="120"></a></th>
      <th width="18%" scope="col">Neerslag<br>
      <a class="highslide" href="javascript:void(0);" rel="lightbox[smf]" onclick="return hs.expand(this)"><img src="http://www.wetterzentrale.de/pics/Rtavn124.png" alt="Neerslag" width="100" height="120"></a></th>
      <th width="18%" scope="col">
      </a></th>
    </tr>
  </table>
</center>
Title: Re: Code voor vergroten bij klikken
Post by: weerforum on June 05, 2012, 06:32:57 AM
Nee nog niet Dr Deejay ik zie wel loading staan maar verder niets.
Zie bijlage.
Title: Re: Code voor vergroten bij klikken
Post by: Kryzen on June 05, 2012, 06:40:34 AM
Ik weet niet zeker of het werkt aangezien ik het niet kan testen, maar dit zou het moeten doen:
Code: [Select]
<center>
  <table width="74%" border="0">
    <tr>
     
      <th width="18%" scope="col">KNMI pluim<a class="highslide" href="http://www.knmi.nl/exp/pluim/Data/PLUIM_06260_NWT.png" rel="lightbox[smf]" title="KNMI Pluimen" onclick="return hs.expand(this)"><br />
      <img src="http://www.knmi.nl/exp/pluim/Data/PLUIM_06260_NWT.png" width="100" height="120" title="pluim" alt="pluim"></img></a></th>
     
      <th width="18%" scope="col">15-daagse<a class="highslide" href="http://www.knmi.nl/exp/pluim/vijftiendaagse/Data/15DAAGSE_06260_NWT.png" rel="lightbox[smf]"><br />
      <img src="http://www.knmi.nl/exp/pluim/vijftiendaagse/Data/15DAAGSE_06260_NWT.png" width="100" height="120" alt="15-daagse pluim"></img></a></th>
      <th width="18%" scope="col">500 hPa<br>
      <a class="highslide" href="http://www.wetterzentrale.de/pics/Rtavn121.png" rel="lightbox[smf]" onclick="return hs.expand(this)"><img src="http://www.wetterzentrale.de/pics/Rtavn121.png" alt="500 hPa " width="100" height="120"></a></th>
      <th width="18%" scope="col"><span class="blod">850 hPa<br>
      <a class="highslide" href="http://www.wetterzentrale.de/pics/Rtavn122.png" rel="lightbox[smf]" onclick="return hs.expand(this)"><img src="http://www.wetterzentrale.de/pics/Rtavn122.png" alt="850 hPa" width="100" height="120"></a></span></th>
      <th width="18%" scope="col">Wolken<br>
      <a class="highslide" href="http://www.wetterzentrale.de/pics/Rtavn123.png" rel="lightbox[smf]" onclick="return hs.expand(this)"><img src="http://www.wetterzentrale.de/pics/Rtavn123.png" alt="Bewolking" width="100" height="120"></a></th>
      <th width="18%" scope="col">Neerslag<br>
      <a class="highslide" href="http://www.wetterzentrale.de/pics/Rtavn124.png" rel="lightbox[smf]" onclick="return hs.expand(this)"><img src="http://www.wetterzentrale.de/pics/Rtavn124.png" alt="Neerslag" width="100" height="120"></a></th>
      <th width="18%" scope="col">
      </a></th>
    </tr>
  </table>
</center>
Title: Re: Code voor vergroten bij klikken
Post by: weerforum on June 05, 2012, 06:43:22 AM
Jaaaaaaaaaa bijna Dr Deejay alleen de 2de (15 daagse) ververst alleen nog.
Title: Re: Code voor vergroten bij klikken
Post by: Kryzen on June 05, 2012, 06:43:39 AM
Sorry, die had ik even over het hoofd gezien. :P
Code: [Select]
<center>
  <table width="74%" border="0">
    <tr>
     
      <th width="18%" scope="col">KNMI pluim<a class="highslide" href="http://www.knmi.nl/exp/pluim/Data/PLUIM_06260_NWT.png" rel="lightbox[smf]" title="KNMI Pluimen" onclick="return hs.expand(this)"><br />
      <img src="http://www.knmi.nl/exp/pluim/Data/PLUIM_06260_NWT.png" width="100" height="120" title="pluim" alt="pluim"></img></a></th>
     
      <th width="18%" scope="col">15-daagse<a class="highslide" href="http://www.knmi.nl/exp/pluim/vijftiendaagse/Data/15DAAGSE_06260_NWT.png" rel="lightbox[smf]" onclick="return hs.expand(this)"><br />
      <img src="http://www.knmi.nl/exp/pluim/vijftiendaagse/Data/15DAAGSE_06260_NWT.png" width="100" height="120" alt="15-daagse pluim"></img></a></th>
      <th width="18%" scope="col">500 hPa<br>
      <a class="highslide" href="http://www.wetterzentrale.de/pics/Rtavn121.png" rel="lightbox[smf]" onclick="return hs.expand(this)"><img src="http://www.wetterzentrale.de/pics/Rtavn121.png" alt="500 hPa " width="100" height="120"></a></th>
      <th width="18%" scope="col"><span class="blod">850 hPa<br>
      <a class="highslide" href="http://www.wetterzentrale.de/pics/Rtavn122.png" rel="lightbox[smf]" onclick="return hs.expand(this)"><img src="http://www.wetterzentrale.de/pics/Rtavn122.png" alt="850 hPa" width="100" height="120"></a></span></th>
      <th width="18%" scope="col">Wolken<br>
      <a class="highslide" href="http://www.wetterzentrale.de/pics/Rtavn123.png" rel="lightbox[smf]" onclick="return hs.expand(this)"><img src="http://www.wetterzentrale.de/pics/Rtavn123.png" alt="Bewolking" width="100" height="120"></a></th>
      <th width="18%" scope="col">Neerslag<br>
      <a class="highslide" href="http://www.wetterzentrale.de/pics/Rtavn124.png" rel="lightbox[smf]" onclick="return hs.expand(this)"><img src="http://www.wetterzentrale.de/pics/Rtavn124.png" alt="Neerslag" width="100" height="120"></a></th>
      <th width="18%" scope="col">
      </a></th>
    </tr>
  </table>
</center>
Title: Re: Code voor vergroten bij klikken
Post by: weerforum on June 05, 2012, 06:45:47 AM
Super bedankt man.
Opgelost  :D :D :D
Title: Re: Code voor vergroten bij klikken
Post by: Kryzen on June 05, 2012, 06:46:15 AM
Graag gedaan, blij dat het werkt :)
SimplePortal 2.3.8 © 2008-2024, SimplePortal