javascript - fancybox with mutiple title on right side of image -


I need to show the image title, date and link on the right side of the image.

something like this

by default fancybox us inside , outside , top but something Some options like leave us or correct toward the image and the navigation button & lt; & gt; With

  $ (".fancybox"). Fancybox ({Authors: {title: {type: 'inside', status: 'top'}}, next effect: 'fade', prevailing: 'fade'});   

Is there any way we can show it in the image below Enter image details here

Bela example

You can specify fancybox tpl ( Template) option and callback after the later information:

  $ (".fancybox"). Fancybox ({Authors: {title: {type: 'inside', position: 'top'}}, next effect: 'fade', prevailing: 'fade', after load: function () {var html = '& lt ; Span & gt; date, file type, download & lt; / span & gt; '$ (' .fancybox-sidebar ') .append (html);}, tpl: {wrap:' & lt; div class = Fancybox-wrap "tabIndex =" - 1 "& gt; div class =" fancybox-skin "> 
div class =" fancybox-inner "& gt; & Lt; / div & gt; & lt; div class = "fancybox-sidebar">
& lt ; / Div & gt; '}});



Comments

Popular posts from this blog

php - PDO bindParam() fatal error -

logging - How can I log both the Request.InputStream and Response.OutputStream traffic in my ASP.NET MVC3 Application for specific Actions? -

java - Why my included JSP file won't get processed correctly? -