Image Mapper Sticky Note Option -...

User 143493 Photo


Registered User
85 posts

Thanks for the help Eric, I can't wait to give it a try. You would think that CC would include the Colorbox type features in this program, and others like the gallery program.

Thanks again.

T
Onward Through The fog!
User 2140875 Photo


Registered User
291 posts

Hi Eric,

In a previous post above you linked to your sample website at this address:
http://progrowerhtml.coffeecup.com/imag … xtpop.html

The example is exactly what I am wanting to do with a calendar of classes that our senior computer club offers each month.
The attached is a jpg of the original pdf class calendar. I plan to use image mapper to divide up the image so that a person can click on any class title and a description will pop-up.

I read your post about how to set up image map links with colorbox. But, sorry to say, it was petty confusing to me.

Can you give me some tips to getting started...a "dumbed down" starters guide.

Thank you in advanced for your help. I have used a lot of your information before to help me designing web forms.

Galen

User 187934 Photo


Senior Advisor
18,177 posts
Online Now

Look at the source code by right clicking and selecting View Page Source. It's the easiest way to see how it's setup. http://progrowerhtml.coffeecup.com/imagemapper/popup/
Look at it than give it a try.
I added the scripts and links then add the inline class to the image map areas and altered the href to like this.
href="#pablopicosanchez"

class="inline"


So the area looks like this when done.
<area name="Pablo Pico Sanchez" shape="circle" coords="196,318,22" class="inline" href="#pablopicosanchez" alt="Pablo Pico Sanchez" title="Pablo Pico Sanchez" OnMouseOver="window.status='Pablo Pico Sanchez'; return true" OnMouseOut="window.status=''; return true">


I then added a hidden div for each area to the bottom of the page.
<div style='display:none'>
<div id='pablopicosanchez' style='padding:10px; background:#fff;'>
<p>Did you know that <a class="group4" href="colorbox/photos/large/bordered/Pablo_Pico_Sanchez.jpg" title="Pablo Pico Sanchez">Pablo</a> likes to be called “Pico”? Well, his girlfriend (aka his computer) does and likes him anyway. Pico likes thinking of innovative software projects and fresh new ways to enjoy orange juice. (He thinks pulp is great.)</p>

<p>The funniest thing about Pablo is he likes to talk on two phones at the same time. It looks odd when we see him walking around with phones on both ears, but he says it helps him stay balanced. We just wonder who’s on the other end of the second phone all the time.</p>
</div></div>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
http://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
http://progrower.coffeecup.com/shop/
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personnel site used for testing and as an easy way to share photos.(RLM imported to RSD)
http://ericrohloff.com
http://ericrohloff.com/property/
User 2140875 Photo


Registered User
291 posts

Eric,

I will give it a try. I think I'm in over my head here, but miracles can happen!!

Thanks again. I'll let you know the progress.

Here is the page I am working with:
http://www.rascal.cc/on-line-class-registration/
User 187934 Photo


Senior Advisor
18,177 posts
Online Now

The best thing to do is put the code on a plain html page and make sure everything works there first. Then move it to your actual final page for testing. Do you have the html editor?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
http://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
http://progrower.coffeecup.com/shop/
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personnel site used for testing and as an easy way to share photos.(RLM imported to RSD)
http://ericrohloff.com
http://ericrohloff.com/property/
User 2140875 Photo


Registered User
291 posts

Yes I do. So I will give that a try. Thanks.
User 458539 Photo


Registered User
1,158 posts

A Lot of listings for Colorbox - which one is it? Sounds like something I have needed and need right now.

Thanks

Byron
User 187934 Photo


Senior Advisor
18,177 posts
Online Now

Byron Tipping wrote:
A Lot of listings for Colorbox - which one is it? Sounds like something I have needed and need right now.

Thanks

Byron

http://www.jacklmoore.com/colorbox/
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
http://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
http://progrower.coffeecup.com/shop/
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personnel site used for testing and as an easy way to share photos.(RLM imported to RSD)
http://ericrohloff.com
http://ericrohloff.com/property/
User 458539 Photo


Registered User
1,158 posts

Thanks Eric!

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.