in
Questions and answers to issues related to Software: Business, Database, Firewalls, Office, Graphics, Security, System, Server. » Database » 4GL » Btrieve » Javascript for Image Hot Spots works with on page refresh but not page load

Javascript for Image Hot Spots works with on page refresh but not page load

Hi Experts -

I have a javascript program for displaying hot spots/pointers on an image. It displays the hotspots when I refresh the page, but not when the page originally loads.

I need the hot spots to display on page load. How can I make this work.

Here is a link to the page:
http://www.cpesupply.com.php5-13.dfw1-1.websitetestlink.com/showroom.php#

If you refresh the page you will see the animated gif images.
Code Snippet: 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
Toggle Highlighting
Open in New Window
Select All

Solution: Javascript for Image Hot Spots works with on page refresh but not page load

In your pointer.css file replace this block:
.point {
background: #FFF url('../Images/animation.gif');
      width: 8px;
     height: 8px;
     border: 1px solid #FFF;
      overflow: hidden;
     position: absolute;
      z-index: 0;
     -moz-border-radius: 6px;
     -webkit-border-radius: 6px;
     -opera-border-radius: 6px;
     -khtml-border-radius: 6px;
     border-radius: 6px;
}

Popular Tags

Browse All Tags