By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,628 Members | 1,880 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,628 IT Pros & Developers. It's quick & easy.

Image Source of Google Ajax Slideshow

P: 79
with google ajax slideshow,

1. how can i custom feed all the source images:
a. under a given URL folder;
b. with the given filenames (e.g. file01.jpg) ??

2. how can i enable the normal play/pause control under (outside) the image ?? not show the pause button when mouse hovers over the image.

I have read through the instruction from Google AJAX Feed API - AJAX Slide Show, i still got such problems in my minds.

The session of "linking images" tells something like:
linkTarget : google.feeds.LINK_TARGET_BLANK
What is LINK_TARGET_BLANK actually?
Does anybody tell me how the Google Codes work actually?
Dec 7 '08 #1
Share this Question
Share on Google+
3 Replies


acoder
Expert Mod 15k+
P: 16,027
Can we see your code, i.e. how you've attempted to use it.
Dec 7 '08 #2

P: 79
Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5.   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  6.   <title>Google AJAX Feed API - AJAX Slide Show Sample</title>
  7.   <script src="http://www.google.com/jsapi"
  8.     type="text/javascript"></script>
  9.   <script src="http://www.google.com/uds/solutions/slideshow/gfslideshow.js"
  10.     type="text/javascript"></script>
  11.  
  12.   <style type="text/css">
  13.     .gss a img {border : none;}
  14.     .gss {
  15.       width: 288px;
  16.       height: 216px;
  17.       color: #dddddd;
  18.       background-color: #000000;
  19.       padding: 8px;
  20.     }
  21.  
  22.   </style>
  23.   <script type="text/javascript">
  24.     function load() {
  25.       var samples = "http://dlc0421.googlepages.com/gfss.rss";
  26.       var options = {
  27.         displayTime: 2000,
  28.         transistionTime: 600,
  29.         linkTarget : google.feeds.LINK_TARGET_BLANK
  30.       };
  31.       new GFslideShow(samples, "slideshow", options);
  32.  
  33.     }
  34.     google.load("feeds", "1");
  35.     google.setOnLoadCallback(load);
  36.   </script>
  37. </head>
  38.  
  39. <body>
  40.   <div id="body">
  41.     <div id="slideshow" class="gss">Loading...</div>
  42.   </div>
  43. </body>
  44. </html>
  45.  
This is part of the workable codes. The line http://dlc0421.googlepages.com/gfss.rss acts as the information for the source images. the point is that i wanna specify something like a http://www.abc.com/img/img1.jpg until ../img20.jpg via a while loop to loop all images under a given directory.

IN the meanwhile, i wanna set the individual timeDisplay between 2 images, i.e. the timeDisplay may different from 1 gap to another.

Please give me some help! THX so much!
Dec 7 '08 #3

acoder
Expert Mod 15k+
P: 16,027
You need to use a valid feed, not just a folder.

For the linking images part, see this part. The LINK_TARGET_BLANK is a value to specify target="_BLANK" to open the image in a new window.
Dec 7 '08 #4

Post your reply

Sign in to post your reply or Sign up for a free account.