Load Slideshow on different page from first/last image next/prev click within current slideshow - jquery-selectors

Have researched this but can't find solution for this particular action.
Any suggestions would be appreciated.Thank you
I am using a simple jquery slideshow "slides".
I have 10 galleries on ten different pages with a Main Navigation to access each gallery seperately.
i.e. GALLERY 1 GALLERY 2 GALLERY 3 etc.
I would also like to link the galleries one after another accessible via Prev/next within the slide-show instead of returning to main nav to choose.
e.g.
Click on Gallery 6 cycle through via Next/Prev - on last image in Gallery on click load Gallery 7 first image ( do not loop back to beginning of current gallery)
OR
click on PREV load first image in Gallery 5.
I have tried a number of different ways including this. But am not jquery savvy as regards this. And must be missing something important
<script src="http://code.jquery.com/jquery-latest.js"></script></head>
<body><ol id="new-page"></ol>
<script>
$("#new-page").load("/atest4.html");</script>
and also tried just loading the Gallery within the page with above code (like iframe)
GALLERY 2, GALLERY 3, etc.etc.
But can't get to work. Any suggestions would be appreciated.Thank you

Related

Does anyone know what would cause a shortcode to leave out specific classes when inside tabs content?

I am working on creating an app navigation using a tabs module and the first tab includes a shortcode for a community wall similar to Facebook. There is supposed to be an option for adding a gif a poll or a photo but when I use the shortcode inside the tab content only the option to add the photo is there. Just looking for some direction as to what could be causing this ? Would it be in the php file ?
For further clarification when the shortcode is published it is returning this in the html
when not housed inside a tab it is displaying correctly and this is the html output:

Displaying the wiki content dynamically beside each image

I want to display images of 10 people on my dashboard, when i hover the image dynamically it needs to display a wiki page to the side of each image related to that person, how do i achieve this in tableau?
Here are the steps after you have a dashboard with your people on one of the charts. My example uses the pesticide list from the most recent #makeovermonday.
In your dashboard, drag the web page object in.
Click the option dropdown of that new object and click Add URL Action.
In the popup place the main portion of your wikipedia url in the box and select your people field which will become the dynamic portion of the URL. Mine is pesticides.
Change Run action on to Hover
Now when you hover on your main chart it will update the web page object with the person hovered on. I just hovered on Atrazine in this image
You will probably have to update your people names to make sure they match wikipedia's url.

In Shopify, how do I add mouseover to a non-product page?

I am building my site in shopify. On the "about us" page I have photos of each team member. I would like to be able to click on the photo to show a JPG (which is a postcard of employee title and interesting facts). Is there a way to add a mouseover feature on an image that is not a product? We are using the minimal theme. As point of reference we got this idea from www.scoutbags.com/about-us
On that site they use a hover feature to change the photo and then a click through to the postcard. We are skipping the second photo to try to keep it simple/doable.
Here's info on how to enable lightboxes on your images.
https://docs.shopify.com/themes/customization/colors-images-and-video/add-lightbox-to-images
To enable images on your About Us page, you need to edit page.liquid. Find the div element that contains your page content. To the opening <div> tag, add class="rte".
Make sure you follow the rest of the steps on that tutorial.

Dynamically changing Open Graph properties for Facebook Like button?

I am using the jQuery PrettyPhoto as an image gallery. Each image has it's own facebook-like button on the bottom of the image modal. I'd like to have the image that was liked to appear as the thumbnail on the 'user who clicked like's status update related to liking the image. (Also, I'd like the title to be unique, but I am assuming they can be changed the same way, if at all.)
As of now, the Facebook snippet seems to be scraping the gallery meta properties on load, grabbing the og:title and og:image content that is listed there. I've tried to dynamically change these values whenever a new gallery image is clicked, but it seemed to be using the values of the page loaded meta content (which makes sense).
Is there a way to change what the facebook like button sees as the image it should use on-'like'? Each gallery image is dynamically loaded on the same page, only changing the achor value per image. I've tried a number of ways with no success, but maybe someone has some experience with this or a similar issue.
Thanks for any help or leads!
As you didn't supply any example, I checked with here. As I can see they also use original like button, so the og:title and og:image should be different in each image. Instead of images, can you use html in every popup and put image, your like button etc there?
PS: Or else, you have to dynamically change the title of gallery by javascript, which is not a very idea situation. Facebook will always look for og:title for scrapping data, you can't simply feed it by custom code.

How to display a gallery and text with fancybox?

I'd like to create a fancybox with a gallery of images on the left side, and some text on the right side of the box. Is it possible to do so? By gallery, I refer to the gallery example given on the fancybox website.
You may consider my fancybox "a la" facebook script.
You can see it working here.
It requires fancybox v2.x.