score:0
Yes, You can display your images with PDF files together in single gallery.
You can use html5box jquery plugin and set your images and PDF files something like this:
<a href="images/Toronto_1024.jpg" class="html5lightbox" data-group="mygroup" data-thumbnail="images/Toronto_96.jpg" title="Toronto">Image1</a>
<a href="images/test.pdf" class="html5lightbox" data-group="mygroup" data-thumbnail="images/Sunrise_96.jpg" title="Sunrise">PDF1</a>
<a href="images/test1.pdf" class="html5lightbox" data-group="mygroup" data-thumbnail="images/Big_Buck_Bunny_1_96.jpg.jpg" data-width="480" data-height="320" title="Big Buck Bunny">PDF2</a>
Do not forget to set common data-group="mygroup" for all links to combine all this things in one common gallery.
Hope this will be useful for you.
score:0
html5lightbox DOES work for pdf files (ctrl+f 'pdf' in main page), in response to a comment (i had no rep to comment yet)
Related Query
- Do we have a common gallery to show images and PDF?
- How to update a multi-select and have it actually show the new options in Chrome
- Count images in folder and show div with unique id
- Generate a PDF file with a servlet and show the PDF in a new browser tab - PDF file is empty
- Getting image dimensions for images that do not have width and height specified in source
- Retrieve data from JSON file and display images in a gallery
- Fancybox images and youtube in 1 gallery
- How to detect linked PDF on a page and show message to download Adobe reader using jquery?
- implementing image gallery that lazy loads images of unknown size on scroll and positions them optimally
- Is it possible to load an external page with images in a div using load (), and show the page only when the images are loaded?
- slideshow of fancybox 2 gallery with images and videos but wait for video to finish
- Jquery Slideshow to have next and previous images shown according to Browser Width
- JS JQUERY JSPDF How can I download images and input values from a BLOB object as a PDF
- Issue getting thumbnail slider to hide and show new set of images
- How do I make a gallery where I can hover or a video OR image thumbnail and have a larger image appear?
- How do I write a file to the response stream and have a 'Working' modal window show/hide?
- How to randomly change inline images on page load and each refresh, using jquery?
- Trying to have images only below viewport fade in on scroll
- How do I display Inline images and Attachments from Gmail API in HTML -- Last part of the puzzle
- What will happen after bundling 2 .js files which have a function with same name and Parameter using bundle.config?
- How to hide all li items when clicked on perticular li and again show remaining li item below that items on mouseover using jquery
- Show hide select box and select box option based on selection
- Container width + margin-left does not show all images while sliding
- add images in bootstrap grid of rows and columns dynamically using jquery?
- How can I not listen for mouseenter and mouseleave events while I have a set timeout running?
- How do I execute a php switch case with ajax onclick and have it print the result in an H tag?
- Photoswipe issue: How do i get multiple images in a gallery to scroll based on one thumbnail?
- Choose employee name and his/her ID will show in the textbox in PHP
- Jquery text hide and show when onkeyup
- How Pinterest extension store (temporarily) images from a web page and then access them in an iframe?
- uploaded images only show some thumbnails
- Image gallery displaying images too slow
- How to render images as dropdown lists using ajax and json?
- How to show results in div and then async update them
- Bootstrap jQuery, how to show hidden DIV when child form fields are populated AND clear them when DIV is hidden?
- Show events in fullcalendar.js shift-wise (Morning, day, evening, night) for basicDay view and basicWeek view
- Show a image to visitor and delete that image from the server (on same page load)
- Make browser's back button work when using hide and show (jquery)
- How to load table in Datatables and have it scroll to last record automatically on load
- jQuery conflict: gallery and slider
- AJAX: get html and check if images has finished loading
- Problems with an accordion menu using jquery and PHP to show 'active' links and keep menu slider open on current page
- How can I get and show meta informations (stations name, current song, bitrate, etc) when playing a radio stream with HTML5 audio?
- How to determine that only visible images downloaded complete and render in page
- How to Click a div and have it change dimensions of other divs and then change back once clicked again
- jQuery ajax check and submit form, always have to submit twice when ajax return nofound
- Have Bootstrap 4 fixed Navbar slide down and become solid color on scroll
- How to get the difference between two date and times and show the time running down
- load an svg from server and show it into an html element
- jQuery show a class and hide all others
More Query from same tag
- FadeInUp css animation not working
- How to remove any elements that DO NOT have a hyphen in it
- Trying to refresh a div that is loaded by index.html.erb with js.erb file in rails
- Multiple ajax calls fired simultaneously not working properly
- Jquery: hiding empty table rows
- Ajax POST request to new Google Analytics V4 API
- fetching value from database in Invoice
- Phonegap + Webservice
- jQuery Click a button using jQuery and append data to response after ajax success
- How can I iterate over every word in an element and then conditionally wrap matches?
- Incorrect number of circles appended to svg
- Most practical way to make multiple AJAX requests
- Prevent local links from scrolling but keep the click in the browser history
- How can Slow down scroll to top event by jQuery animate
- How to read deeper hierarchy json by getJSON
- Highcharts Populating Realtime Data with Time
- Arbor/JQuery DOM Exception 18
- jQuery ajax calls async: false vs async: true
- swfObject causing "Object doesn't support" error in __flash__addCallback function
- Select different options at an select form and show different content
- tablesorter jquery plugin and responsive webdesign
- Can I iterate through table using JQuery and collect values in three arrays?
- jQuery plugin for muti user tweets
- Backbone collection: Retrieve distinct values of a collection and sum the distinct values
- Starting ajax calls observer and listen for specific url to get url parameters
- Chrome "SyntaxError: Unexpected token :" with simple JSON
- ASP.NET MVC jQuery AJAX Calls Action Method too late?
- How to stop execution of current event handler thread when subsequent events simultaneously call the same handler?
- DataTable autorefresh in every 30 seconds not working
- Splitting code in to multiple files for easier management