Image Source of Google Ajax Slideshow

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

Subscribe Post Reply

4203

acoder

16,027

Expert Mod 8TB

Can we see your code, i.e. how you've attempted to use it.

Dec 7 '08 #2

kenneth6

Expand|Select|Wrap|Line Numbers

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

  <title>Google AJAX Feed API - AJAX Slide Show Sample</title>

  <script src="http://www.google.com/jsapi"

    type="text/javascript"></script>

  <script src="http://www.google.com/uds/solutions/slideshow/gfslideshow.js"

    type="text/javascript"></script>
 
  <style type="text/css">

    .gss a img {border : none;}

    .gss {

      width: 288px;

      height: 216px;

      color: #dddddd;

      background-color: #000000;

      padding: 8px;

    }
 
  </style>

  <script type="text/javascript">

    function load() {

      var samples = "http://dlc0421.googlepages.com/gfss.rss";

      var options = {

        displayTime: 2000,

        transistionTime: 600,

        linkTarget : google.feeds.LINK_TARGET_BLANK

      };

      new GFslideShow(samples, "slideshow", options);
 
    }

    google.load("feeds", "1");

    google.setOnLoadCallback(load);

  </script>

</head>
 
<body>

  <div id="body">

    <div id="slideshow" class="gss">Loading...</div>

  </div>

</body>

</html>

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

16,027

Expert Mod 8TB

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

Similar topics

PHP image generation & caching

by: Mr WZ Boson | last post by:

Hello, I hope you can help - I'm a bit new to PHP. My basic problem is with a page (HTML) which is intended to display an image slideshow. On this page there are a number of links to click...

PHP

Image Slideshow Pause onMouseOver

by: Tim | last post by:

Hope someone in the big wide world can help... What I want to do is have an image slideshow which automatically scrolls through a series of images very fast, then pauses when you move your mouse...

Javascript

Time dependent image display

by: christian | last post by:

Hi, i'm getting no success, with my attempt displaying some pictures one after another for i.e. some seconds. null.jpg is a white site! Really thanks for any help, regards,Christian

Javascript

Adding text and buttons to pop-up box of enlarged image

by: Steven Choo | last post by:

Hi all, I have used a script which allows visitors of my personal website to click on a small image to see an enlarged version in a pop-up. It would be great if i could add some text within the...

Javascript

Q. A 'static' image swapper with links ?

by: George | last post by:

Hi, The code below comes directly from http://www.dynamicdrive.com. It does exactly half of what I'd like it to do. The other half is this: I'd like the image block of the changing images to...

Javascript

Ajallerix : AJAX, simple, fast Web image gallery demo ; at Novell

by: www.web20developers.com | last post by:

http://www.web20developers.com http://www.web20developers.com/index.php?option=com_content&task=view... Ajallerix : AJAX, simple, fast Web image gallery demo ; at Novell AJAX -...

Javascript

Simple image gallery?

by: Gilles Ganault | last post by:

Hello I've been googling for a couple of hours, but still haven't found what I need: - really simple PHP-based image gallery software. Ideally, just a single file that I just drop into a...

PHP

Banner, a link for each image?

by: kennykenn | last post by:

im producing a banner and want the banner to rotate and fade in and out to the next image. i want to link each image to a SEPERATE site! I can get it to work with out the fading effect and can get...

Javascript

Display of the image from JavaScript

by: krzysztof.murkowski | last post by:

Hi, I have problem with JavaScript for gallery of images. From the overview page with thumbnails, after a click on the small picture, the subpage 'slide_show.html' is called, with a number of...

Javascript

Cloud Servers without Credit Card and Email Registration: A Simpler Way to Get on the Cloud

by: CloudSolutions | last post by:

Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...

General

One-click Importing Excel Data into a*Database

by: ryjfgjl | last post by:

In our work, we often need to import Excel data into databases (such as MySQL, SQL Server, Oracle) for data analysis and processing. Usually, we use database tools like Navicat or the Excel import...

Microsoft Excel

Basic Javascript concepts

by: aa123db | last post by:

Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...

Javascript

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware