Navigation

dinesh.4126 · #1 18th August 2009, 06:53

Hi,
I am having code for google map weather information display.Using overlay text on image to pass text on google map.How can I add blinking effect in image .php code.
Can some body guide me ??

dinesh.4126 · #2 26th August 2009, 09:04

Below are the part of PHP code

HTML Code:

 if($fish_info)
                        { ?>
                                var latlng = new GLatLng(northEast.lat()-latSpan * 0.3,
                                northEast.lng()-lngSpan * 0.1);
                                info = "<?php echo $fish_info; ?>" ;
                                file = "<?php echo 'img/fish.png'; ?>" ;
                                map.addOverlay(createMarker(latlng,file,info)); 
                         <?php
                        }?>

In the attachment fish image display on Google map.But I want to give blinking effect on Fish image How can I do????
Suggest something Upon this.......

edge · #3 26th August 2009, 09:10

Why not replace the fish.png' with a blinking "animated" .gif, and use that?

dinesh.4126 · #4 26th August 2009, 09:23

But we can also do using Java Script,HTML??

Quote:

Why not replace the fish.png' with a blinking "animated" .gif, and use that?

How can I replace the Fish.png with Blinking Animated .gif.Will it work with PHP code if I Replace with Animated Image??
If I am saving downloaded animated .gif image and using that image in php code its not blinking....

dinesh.4126 · #5 26th August 2009, 13:47

Hi,
Google search I found JAVA script for Blinking used that script to introduce the blinking effect and get some success in doing but its Blinking Outside Google map separate fish image.Not on Google map.Thing become clear in attachment.

Code:

<script type="text/javascript">
 var blinkImg = function (imgname, s) {
     clearTimeout(blinkImg['blinking' + imgname]);
        var obj = document.images[imgname];
          if (arguments[1] === 'blink') {
         obj.style.visibility = !(blinkImg[s + imgname] = !blinkImg[s + imgname])? '' : 'hidden';
     blinkImg['blinking' + imgname] = setTimeout(function(){blinkImg(imgname, s);}, 350);
                                                                }
         else {
            blinkImg['blink' + imgname] = false;
    obj.style.visibility = '';
                                                                                                                }
                                                                                                                };
 </script>
                                                                                                                                                                                                                      <body>

 <img name="blinker1" src="img/imagename.gif"><br>
 <input type="button" onclick="blinkImg('blinker1', 'blink');" value="Blink">
 <input type="button" onclick="blinkImg('blinker1', 'stop');" value="Stop">
 </body>

Below are PHP code

PHP Code:


			
  if($fish_info)

                        { ?>

                                var latlng = new GLatLng(northEast.lat()-latSpan * 0.3,

                                northEast.lng()-lngSpan * 0.1);

                                info = "<?php echo $fish_info; ?>" ;

                                file = "<?php echo 'img/imagename.gif'; ?>" ;

                                map.addOverlay(createMarker(latlng,file,info));

and in above code imagename.gif is fish image .And want this image will be blinking on google map.Right now its which is not happening on google map.Can somebody assist what change I supposed to do make it blinking on google map.Kindly help me out from this.Something missing from my side please let me know..

dinesh.4126 · #6 27th August 2009, 15:03

Hi,
See in PHP code var latlng = new GLatLng(northEast.lat()-latSpan * 0.3,northEast.lng()-lngSpan * 0.1); is location of Fish Image on google map and file = "<?php echo 'img/fish.png'; ?>" ; is the Image path.And problem is that How can I call blinking function inside map.addOverlay(createMarker(latlng,file,info)); so that Image will start blinking on Map.Suggest me upon this????

Navigation

Facebook

News

Recent comments

Newsletter