UPDATE: I was able to get the jQuery code to run inside the info window. Thought I would post my solution in case someone else is working a similar issue.
To do this, I created a separate html file that contains the list of images I want to fade through as well as the jQuery code to initiate the fading. I then served this up in an iFrame inside the info window. See http://www.derekandsarah.net/travel/chicago.php for the final result. The implementation at this point is rough and is in need of some enhancements, but the basic idea is in place. Some enhancements still to make would be passing the image paths as parameters to the iFrame somehow so the same html & jQuery code can be reused for each info window, generalizing the code so each info window can loop through varying numbers of images, styling with CSS, etc. This was my stab-in-the-dark attempt to get jQuery code to run inside an info window and it may not be the most efficient or robust. I'm definitely still open to suggestions at this point. If anyone else has tackled this situation and has some advice, please let me know. Thanks, Derek dhubbard wrote: > > I pulled the code from $(document).ready() and inserted it after the call > to marker.openInfoWindowHtml (before the marker is returned to the map), > but no luck - the images still show up in a list format. Like you said, > this seems like the logical place to insert the jQuery code since the list > items are available at that time. > > Any other ideas? > > > > Michael Geary wrote: >> >> I'm not very familiar with InnerFade, but wouldn't you do this inside >> your >> marker click handler, right after you call marker.openInfoWindowHtml? >> That's >> when you have the list items available. >> >>> I'm new to jQuery and am trying to figure this out, but was >>> wondering if anyone has had any luck embedding jQuery code >>> inside Google Maps info windows? >>> >>> I have an existing google map that parses coordinates and >>> descriptions for points from an xml file and have tried using >>> Innerfade ( http://medienfreunde.com/lab/innerfade/ >>> http://medienfreunde.com/lab/innerfade/ ) to rotate through a >>> list of images inside the info windows that appear when >>> points on the map are clicked. >>> >>> The points are created when the map is loaded (during page >>> loading) but I am unsure when/how to make the call to >>> innerfade? Right now, I'm still calling the innerfade >>> function inside document.ready(), but I've tried placing that >>> code in various positions inside the load function. Any ideas? >>> >>> Here is a link to my site... >>> http://www.derekandsarah.net/travel/chicago.php >>> http://www.derekandsarah.net/travel/chicago.php >> >> >> _______________________________________________ >> jQuery mailing list >> discuss@jquery.com >> http://jquery.com/discuss/ >> >> > > -- View this message in context: http://www.nabble.com/JQuery-in-Google-Maps-Info-Windows-tf3083290.html#a8573566 Sent from the JQuery mailing list archive at Nabble.com. _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
