Lightbox – image anchors act as a direct link to Youtube page/image galleries

[Ping4alerts]

I can’t get the lightbox to pop up at all on my site, even when using the sample shortcodes provided. For example – on our home staging site page at

[http://ping4.w3staging.com/]

there are 3 videos across the bottom of the page – I have put in the Fancybox anchor image to youtube video shortcode and updated appropriately, yet it acts like a direct link to the youtube page rather than displaying the video in a lightbox. On the “Case Studies” page

[http://ping4.w3staging.com/resources/case-studies/]

I tried to display a gallery of PDF files with PrettyPhoto, and rather than popping them up in a gallery it pops an empty lightbox up and attempts to directly download the PDF. The shortcode I used for each page is below – thanks for any help with this!

Front page video:

[wp_lightbox_fancybox_youtube_video link=”http://www.youtube.com/watch?v=Oaa55GiyqkQ” title=”Homeland Security” source=”http://www.ping4.com/wp-content/uploads/2013/12/Homeland-Security.png”%5D

“Case Studies” gallery:

[wp_lightbox_ultimate_fancy_gallery class=”lightbox_fancy_grid_view_gallery”]

[wp_lightbox_prettyPhoto_pdf link=”http://ping4.w3staging.com/wp-content/uploads/2013/12/Can-You-Pass-the-Emergency-Notification-Final-Exam.pdf” width=”640″ height=”480″ title=”Emergency Notification Final Exam” source=”http://ping4.w3staging.com/wp-content/uploads/2013/12/FinalExam.png” gallery_group=”image_group1″ class=”lightbox_img_frame_fancy1″]

[wp_lightbox_prettyPhoto_pdf link=”http://ping4.w3staging.com/wp-content/uploads/2013/12/Coastal-Alerts.pdf” width=”640″ height=”480″ title=”Beach and Coastal Alerts” source=”http://ping4.w3staging.com/wp-content/uploads/2013/12/Coastal.png” gallery_group=”image_group1″]

[wp_lightbox_prettyPhoto_pdf link=”http://ping4.w3staging.com/wp-content/uploads/2013/12/National-Flood-Insurance-Could-You-Be-Paying-Less_.pdf” width=”640″ height=”480″ title=”NFIP – Could You be Paying Less?” source=”http://ping4.w3staging.com/wp-content/uploads/2013/12/NFIP.png” gallery_group=”image_group1″]

[wp_lightbox_prettyPhoto_pdf link=”http://ping4.w3staging.com/wp-content/uploads/2013/12/Using-Hyperlocal-Alerts-to-Respond-to-a-Nuclear-Disaster.pdf” width=”640″ height=”480″ title=”Using Hyperlocal Alerts in a Nuclear Disaster” source=”http://ping4.w3staging.com/wp-content/uploads/2013/12/Nuclear.png” gallery_group=”image_group1″]

[/wp_lightbox_ultimate_fancy_gallery]

[Ping4alerts]

Some further information, I just talked to the person who developed our template and he said that there may be some conflict between our template and the expression of Javascript necessary to run the plugin… any thoughts/tips/ponderings of any sort would be helpful Thanks!

[wpCommerce]

Hi, your YouTube video is working fine. As for the PDF, lightbox opens but the browser prompts for download. It’s happening on every major browser.

If you directly go to your file URL you will see what I mean:

http://ping4.w3staging.com/wp-content/uploads/2013/12/Can-You-Pass-the-Emergency-Notification-Final-Exam.pdf

Now go to the following URL (This PDF is hosted on a different server) and you will able to view it directly:

http://www.pdf995.com/samples/pdf.pdf

[Author]

Posts