Page 1 of 1
Fancybox help ajb
Posted: Tue Nov 26, 2019 8:19 pm
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?
Re: Fancybox help ajb
Posted: Wed Nov 27, 2019 10:53 am
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/
Re: Fancybox help ajb
Posted: Wed Nov 27, 2019 1:41 pm
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.
Re: Fancybox help ajb
Posted: Wed Nov 27, 2019 3:55 pm
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.
Re: Fancybox help ajb
Posted: Wed Nov 27, 2019 4:05 pm
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...
Re: Fancybox help ajb
Posted: Wed Nov 27, 2019 4:49 pm
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...
Re: Fancybox help ajb
Posted: Wed Nov 27, 2019 5:00 pm
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.
Re: Fancybox help ajb
Posted: Wed Nov 27, 2019 5:01 pm
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).
Re: Fancybox help ajb
Posted: Wed Nov 27, 2019 6:15 pm
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>
Code: Select all
<!-- JQueryTools -->
{JQueryTools action='require' lib='fancybox' nocache}
{JQueryTools action='placemarker' nocache}
<!-- /JQueryTools-->
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>
Re: Fancybox help ajb
Posted: Wed Nov 27, 2019 7:46 pm
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