Jump to content
Sign in to follow this  
christycollins

How to make a photo pop up from a text link.

Recommended Posts

christycollins    3
christycollins
[pl_modal title="Lakota 112Y" type="label" colortype="inverse" label="Six Mile Lakota 112Y"]
[/pl_modal]
 
 
I want a photo to pop up in a window when they click on this modal. This code is not working. Can you please tell me what I am doing wrong. 
 
Here is the online page that I am working on. It is the grey box at the bottom.
 

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi Christy,

 

I just answered this in your other topic, but I'll give you the same answer again.

 

Please see http://www.epicurus.com/members/test-modal which is my test of your code.

 

The problem is the trailing space and / before the closing bracket.  " /> is incorrect for use in a modal.  You just need "> to close.

 

Here's the modal I used:

 

[pl_modal title="Lakota 112Y" type="label" colortype="inverse" label="Six Mile Lakota 112Y"]
<img src="http://www.lasrojas.com/wp-content/uploads/2013/01/112Y_Denver2013.jpg" alt="112Y">
[/pl_modal]

Wordpress may add a closing /.  Don't worry about that.

 

If this doesn't work, then there may be a plugin conflict.  Please let me know how it goes.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
christycollins    3
christycollins

Im guessing this is Rangelone. Thank goodness for you. Sorry about the double post, but the girl that was helping me disappeared I think. 

 

It was a conflict with Fancy Box. I deactivated it and it worked fine.

 

One more question, If I want to add some type (Champion Red Angus Female) below the picture, can you please tell me how I would insert this into the code?

 

 

[pl_modal title="Lakota 112Y" type="label" colortype="inverse" label="Six Mile Lakota 112Y"]
[/pl_modal]

Share this post


Link to post
Share on other sites
Rob    547
Rob

Chrissy, I think that's just a layout issue having to do with the image size.  Other than having a minor amount of space causing a slide to appear at the bottom, each looks perfectly fine.  The image is clear, centered and working great in the modal.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
christycollins    3
christycollins

Can you tell me how to get each model on a new line. Im sure this is a no brainer.  Make sure you're in Text View when you do this.

Share this post


Link to post
Share on other sites
Rob    547
Rob

Christy,

 

If you just go to that page, and after the closing bracket in [/pl_modal], just press Enter on your keyboard and save.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
christycollins    3
christycollins

Thank you so much for all your good help. Thanks for the patience too!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×