I am trying to create a pop up of an image which is hosted in a CSS collection
On this screen grab, you can view the image in the background.
I have managed to create wrapper and the interaction.
However, how can I limit the pop up to only show me the image I have clicked on knowing that the images are part of a feed from the CSS and might have different height.
Tricky, tricky. Thank you for your help.
Here is my public share link: LINK
(how to access public share link)
Welcome to the forums.
Could you share your read only link please.
We can then help a lot easier as we can use your site to demonstrate
So you want the image to pop up that is relevant to the page you are on?
Check the what we do advertising page
Thank you, could you explain a bit more of the effect or experience you would like to create.
How will that pop modal be accessed, and how do you want the dynamic content from the CMS to be displayed?
I have updated the page so it makes more sense.
If you go to “what we do” and select “Advertising”, you will view a post: “FRENCH CONNECTION 2012 : THE MUSE”
If you click on the image, the pop up will open.
I would like the pop up to display the “French Connection” image only (nothing else).
Thank you again for your help.
10-20 Mins and I’ll put a video here to show exactly what to do…
Mark, I am already doing a little dance
Haha, video is uploading…
Here is the finished effect…
Mark. Thank you ever so much
This is just amazing and I would never ever have managed this on my own
You’re very welcome, that’s what the forums are here for. Just mark it as solution when you’re done so others can find it if they need to.
It was actually @Waldo who taught me that trick, I just updated it with IX 2.0.
Good luck with the site!
Mark, That tutorial was superb; however, when I click on one of my CMS items, I get modals for every one of my CMS entries. Is there a way I can define which modal should show?
EDIT: If you are having this problem, the issue is within your interaction. Instead of selecting “affect > selected element”, Select “affect > class > only siblings with this class”