Re: [VuFind-General] VUFIND: Intergrate fancybox in Vufind

[Demian K. <dem...@vi...>]

Based on these files, it certainly looks like you are working along the right general lines. There must be some small detail that is not quite right.

Are you seeing any errors in your Javascript console? Are you seeing any 404 errors loading resources? If you view the source of your page, do you see the CSS and Javascript files in the header where you would expect them? If you follow the links to those CSS/JS files, do they resolve correctly?

If answering those questions does not lead you to a solution, please let me know exactly which version of VuFind you are working from and which version of FancyBox you have downloaded, and I'll see if I can reproduce the problem on this end.

- Demian

From: seelan [mailto:se...@km...]
Sent: Tuesday, February 02, 2016 12:35 PM
To: Demian Katz; vuf...@li...; vuf...@li...
Subject: RE: VUFIND: Intergrate fancybox in Vufind

its not working.

I add "fancybox" class in core.phtml at "<a>" and load all the necessary scripts in theme.config.php.

I have attached here the two files, kindly look into it and advise me.

Thank you


From: Demian Katz [mailto:dem...@vi...]
Sent: Wednesday, 3 February, 2016 12:25 AM
To: seelan; vuf...@li...<mailto:vuf...@li...>; vuf...@li...<mailto:vuf...@li...>
Subject: RE: VUFIND: Intergrate fancybox in Vufind

It should be possible to do this - assuming you are using the version documented at http://fancyapps.com/fancybox/ it should just be a matter of adding the "fancybox" class to the <a> tag around your cover image (which is in https://github.com/vufind-org/vufind/blob/master/themes/bootstrap3/templates/record/cover.phtml in recent versions of VuFind, and RecordDriver/SolrDefault/core.phtml in older versions. You'll also need to load the actual fancybox code (most easily, by putting in in the js directory of your theme and adding it to the theme's theme.config.php as a js dependency... though you might prefer to load it in a specific template if you're only going to use it in a single place). Finally, you'll have to activate the loaded code with some custom code. Again, you can either put this code into its own .js file in your custom theme, or else you can add it inside a <script> tag on the relevant custom template.

Does that help?

- Demian

From: seelan [mailto:se...@km...]
Sent: Tuesday, February 02, 2016 10:43 AM
To: vuf...@li...<mailto:vuf...@li...>; vuf...@li...<mailto:vuf...@li...>; Demian Katz
Subject: VUFIND: Intergrate fancybox in Vufind

Hi.

I am trying to use fancybox to view cover image at holdings page in  vufind 2.4.

Is it possible to be done? If possible, please guide me on how to do it.

Thank you.