Fancybox help ajb

Nederlandse ondersteuning voor CMS Made Simple

Moderator: velden

Post Reply
Adheera
Forum Members
Forum Members
Posts: 212
Joined: Sat Dec 10, 2011 12:19 pm

Fancybox help ajb

Post by Adheera »

Ik had Toolbox op een paar sites staan, om plaatjes te vergroten.
Na updates werkt dat niet meer

Nu zou JQuerytools moeten werken, maar ik krijg het niet aan de praat
{JQueryTools action=require lib=fancybox nocache} in de HEAD van de template en class="fancybox" op het kleine plaatje.
Simpel toch?
Maar het werkt niet.
Kan iemand me helpen of een link naar een Nederlandstalige tutorial sturen?
deactivated010521

Re: Fancybox help ajb

Post by deactivated010521 »

{JQueryTools} maakt gebruik van fancybox 2, hier is geen nederlandse handleiding voor wel een engelse:

https://fancyapps.com/fancybox/

fancybox 3 is een nieuwere versie die geschikt is voor responsive en mobiele sites, deze wordt helemaal niet ondersteunt door {JQueryTools}

https://fancyapps.com/fancybox/3/
Adheera
Forum Members
Forum Members
Posts: 212
Joined: Sat Dec 10, 2011 12:19 pm

Re: Fancybox help ajb

Post by Adheera »

Dank je wel, Arnoud
Tja, als JQuerytools niet geschikt is voor responsive sites dan heb je er niks aan.
Dan zet ik Fancybox 3 erop.
Wel jammer dat de klant dat dan niet meer zelf kan bijhouden.
Daar is een CMS toch voor.
Jos
Support Guru
Support Guru
Posts: 4017
Joined: Wed Sep 05, 2007 8:03 pm
Location: The Netherlands

Re: Fancybox help ajb

Post by Jos »

Het punt met Fancybox 3 is de licence voor commerciële sites
https://fancyapps.com/fancybox/3/#license
wat ook de reden is waarom ik hiervan geen template voor Gallery heb gemaakt.
User avatar
velden
Dev Team Member
Dev Team Member
Posts: 3483
Joined: Mon Nov 28, 2011 9:29 am
Location: The Netherlands

Re: Fancybox help ajb

Post by velden »

Adheera wrote:Dank je wel, Arnoud
Tja, als JQuerytools niet geschikt is voor responsive sites dan heb je er niks aan.
Dan zet ik Fancybox 3 erop.
Wel jammer dat de klant dat dan niet meer zelf kan bijhouden.
Daar is een CMS toch voor.
Ik ken de jQuerytool verder niet goed, maar wat heeft dat met klant-gemak te maken in jouw geval?

Wat kan de klant nu niet meer wat hij door jQuerytools wel kon?

Overigens is Jos' post ook niet onbelangrijk. Licenties, je moet er toch even naar kijken. Wellicht is Lightbox een alternatief voor je (klant).

Of je koopt de licentie voor $29 en berekent die door aan de klant. Prijs valt wel mee t.o.v. de prijs van bijvoorbeeld een hele Gallery module...oh...wacht... ;-)
Adheera
Forum Members
Forum Members
Posts: 212
Joined: Sat Dec 10, 2011 12:19 pm

Re: Fancybox help ajb

Post by Adheera »

Het is alweer effe geleden, maar met Toolbox kon de klant zelf foto's +vergroting erop zetten. Volgens mij. Door een css class

Fancybox of Lightbox...maakt mij niet uit, maar liever wel responsive geschikt
Ik vond Fluidbox https://codepen.io/terrymun/full/JKHwp
Nog mooier.

't Probleem is dat mensen zien dat je in WP zo makkelijk vergroting op plaatjes kan zetten.
Kan CMSMS ook, zeg ik dan.
Maar ja...
User avatar
velden
Dev Team Member
Dev Team Member
Posts: 3483
Joined: Mon Nov 28, 2011 9:29 am
Location: The Netherlands

Re: Fancybox help ajb

Post by velden »

Ik denk dat het nog steeds mogelijk is om een foto klein te tonen en dan met een klik te vergroten. Ook met een class, maar verwacht wel dat je daar dan een klein stukje js voor moet schrijven om dat om te zetten naar iets wat Lightbox begrijpt.

Voor fluidbox hetzelfde hoewel ik denk dat het 'Linking to a higher resolution alternative' niet 1-2-3 te realiseren is.
deactivated010521

Re: Fancybox help ajb

Post by deactivated010521 »

Met de {JQueryTools} module kan je via een eenvoudige aanroep JQuery en verschillende door JQueryTools ondersteunde plugins + css bestanden inladen.

Nu gebruik ik zelf geen JQueryTools en FancyBox dus kan niet 1,2,3 zien waar het fout gaat.

Ik meen ter herhinneren dat FanyBox 2 niet goed werkt met "nieuwere" JQuery versies.

Met JQuery plugins is het de bedoeling dat je eerst JQuery inlaadt daarna de JQuery-plugin (FancyBox). Ik ga er vanuit dat JQueryTools het inladen correct doet en de JQuery + Plugin-versies opelkaar afgestemt heeft, maar je weet het nooit.


Zelf gebruik ik lightGallery deze heeft helemaal geen JQuery nodig, iets meer toekomst gericht naar mijn idee:

https://github.com/sachinchoolur/lightgallery.js

https://sachinchoolur.github.io/lightGallery/ (jQuery versie van lightGallery).
deactivated010521

Re: Fancybox help ajb

Post by deactivated010521 »

Heb een test voor je gedaan fancybox 2 werkt goed met JQueryTools. Geen module bug of probleem met JQuery en plugin versies. Doorzoek de source code van je pagina om er zeker van te zijn dat JQuery niet 2x wordt ingeladen en je dezelfde output geeft:

Content:

Code: Select all

<a class="fancybox" href="uploads/images/test.jpeg" title="test"><img src="uploads/images/test.jpeg" alt="test" width="100" height="100"></a>
Template footer:

Code: Select all

    
<!-- JQueryTools -->
{JQueryTools action='require' lib='fancybox' nocache}
{JQueryTools action='placemarker' nocache}
<!-- /JQueryTools-->
Geeft als output:

Code: Select all

    <!-- JQueryTools -->
     <!-- JQueryTools version 1.4.2 -->
<__script__ type="text/javascript" src="http://cmsmsv2.biesheuvel.lan/modules/JQueryTools/lib/jquery.lib/jquery-1.11.3.min.js"></__script>
<__script__ type="text/javascript" src="http://cmsmsv2.biesheuvel.lan/modules/JQueryTools/lib/jquery.lib/jquery-migrate-1.2.1.min.js"></__script>
<__script__ type="text/javascript" src="http://cmsmsv2.biesheuvel.lan/modules/JQueryTools/lib/fancybox.lib/jquery.fancybox.pack.js"></__script>
<__script__ type="text/javascript" src="http://cmsmsv2.biesheuvel.lan/modules/JQueryTools/lib/fancybox.lib/jquery.mousewheel-3.0.6.pack.js"></__script>

<link rel="stylesheet" type="text/css" href="http://cmsmsv2.biesheuvel.lan/modules/JQueryTools/lib/fancybox.lib/jquery.fancybox.css" media="screen" />


<__script__ type="text/javascript">//<![CDATA[
$(document).ready(function($){if($.ui){$('div.accordion').accordion();}if($.fancybox){$('a.fancybox').fancybox();}});//]]></__script>

    <!-- /JQueryTools-->

Als je gaat migreren naar een ander JQuery plugin en toch iets van een module/tag wilt gebruiken, cms_jquery is standaard:

Code: Select all

{cms_jquery exclude='ui,nestedSortable,json,migrate' append='uploads/yourtheme/js/jquery-plugin.js'}
Geeft als output:

Code: Select all

<__script__ type="text/javascript" src="http://yourhost/lib/jquery/js/jquery-1.11.1.min.js"></__script>
<__script__ type="text/javascript" src="uploads/yourtheme/js/jquery-plugin.js"></__script>
Adheera
Forum Members
Forum Members
Posts: 212
Joined: Sat Dec 10, 2011 12:19 pm

Re: Fancybox help ajb

Post by Adheera »

Geweldig Arnoud
Dank je wel
https://beeldaccent.nl/coaches-en-therapeuten.html
De site is wat gedateerd, maar de klant is er blij mee en zeker nu de vergroting werkt

Klasse Arnoud, dank je wel
Post Reply

Return to “Dutch - Nederlands”