Jump to content


Photo
- - - - -

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


  • Please log in to reply
8 replies to this topic

#1 christycollins

christycollins

    Super Member

  • Members
  • 179 posts
  • LocationTexas
  • Country: Country Flag

Posted 20 February 2013 - 07:07 PM

I would like to be able to click on piece of text and have a photo pop up. I have installed fancy box.  

 

When I linked to a photo the only thing that happens is that when you click on the link the photo comes up in another page. I just want it to pop up in another box.

 

Please Login or Register to see this Hidden Content

 

See the link for Six Mile Lakota 112Y



#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 20 February 2013 - 07:20 PM

One way would be to use a modal. Please see the example and code for it here:

Please Login or Register to see this Hidden Content



#3 christycollins

christycollins

    Super Member

  • Members
  • 179 posts
  • LocationTexas
  • Country: Country Flag

Posted 20 February 2013 - 07:44 PM

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

 

Ok, I am not very experienced, so please bare with me. I have the above code. Where do I actually attach or link the photo to? Also how do I change the color of the button?



#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 20 February 2013 - 07:57 PM

You need to insert the <img> tag inside the code (between the [pl_modal] and [/pl_modal]). There is an image tag example here:

Please Login or Register to see this Hidden Content



#5 christycollins

christycollins

    Super Member

  • Members
  • 179 posts
  • LocationTexas
  • Country: Country Flag

Posted 20 February 2013 - 08:08 PM

 
[pl_modal title="Lakota 112Y" type="label" colortype="inverse" label="Six Mile Lakota 112Y"]
<img src="

Please Login or Register to see this Hidden Content

" alt="112Y">
[/pl_modal]
 
Here's my code. Still won't pop up.
 

Please Login or Register to see this Hidden Content



#6 christycollins

christycollins

    Super Member

  • Members
  • 179 posts
  • LocationTexas
  • Country: Country Flag

Posted 20 February 2013 - 08:21 PM

Please Login or Register to see this Hidden Content



#7 christycollins

christycollins

    Super Member

  • Members
  • 179 posts
  • LocationTexas
  • Country: Country Flag

Posted 20 February 2013 - 08:24 PM

Here is the page with the above code. Please tell me what I am doing wrong. Sorry to be so stupid.

 

Please Login or Register to see this Hidden Content



#8 christycollins

christycollins

    Super Member

  • Members
  • 179 posts
  • LocationTexas
  • Country: Country Flag

Posted 20 February 2013 - 08:54 PM

Im still trying and just cant figure out what I am doing wrong. Please reply.



#9 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 20 February 2013 - 10:05 PM

Hi Christy,

 

Long time no see!

 

I used the code below as a test on my site. It worked fine.  Please give it a try and let me know if it works:

 

Please Login or Register to see this Hidden Content

You can see the test I made here: 

Please Login or Register to see this Hidden Content