473,320 Members | 2,071 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,320 software developers and data experts.

Help-photo slideshow without Javascript ?

Hi !
I need some help in putting together a website for our family
gathering.

Although I'm still pretty "green", I don't think what I need requires
terribly advanced skills ...except for one area that has me right
baffled.

I want to put up a photo album slideshow but I want to stay away from
Flash & Javascript. It just seems that anytime I use them, somebody
in the family has trouble with their browser or security settings.

So, if I tell you want I want to do, could someone maybe tell me
first, if it can be done and, second, HOW it can be done. I'm really
stumped.

I've got a page designed with UL navs both down the left and right
side of the page. In the center of the page is where I want the
"slideshow". The slide show, I want to run through a serials of jpgs,
each with a link/URL that will open in a new window, and each will
also have caption that also links to the same URL. Having the
ability to stop or pause the playing of the show is an option, but I'm
leaning towards not showing the controls on the page.

As I said, I'd really like to do this with CSS/HTML only, but I can't
find any examples other than javascript.

Can anybody help me? Show me a sample ?

Thanks so much !

Jane

Apr 10 '06 #1
22 5089

be*********@hotmail.com wrote:
As I said, I'd really like to do this with CSS/HTML only, but I can't
find any examples other than javascript.


I don't think it's possible to do this in pure CSS. You need either
JavaScript, Flash or even SMIL (!) because you want a time-related
element to it. I'd suggest downloading some well-known JavaScript -
these things are out there.

I don't think you can even do it particularly well with pure CSS even
without the time-based slideshow. It's certainly possible, but you'd
have to download the whole image set early on and this might be
unacceptable with limited bandwidth. With JavaScript it's quite easy to
download the visible images first, then download the rest in the
background.

Apr 10 '06 #2
be*********@hotmail.com wrote:
Hi !
I need some help in putting together a website for our family
gathering.

Although I'm still pretty "green", I don't think what I need requires
terribly advanced skills ...except for one area that has me right
baffled.

I want to put up a photo album slideshow but I want to stay away from
Flash & Javascript. It just seems that anytime I use them, somebody
in the family has trouble with their browser or security settings.

So, if I tell you want I want to do, could someone maybe tell me
first, if it can be done and, second, HOW it can be done. I'm really
stumped.

I've got a page designed with UL navs both down the left and right
side of the page. In the center of the page is where I want the
"slideshow". The slide show, I want to run through a serials of jpgs,
each with a link/URL that will open in a new window, and each will
also have caption that also links to the same URL. Having the
ability to stop or pause the playing of the show is an option, but I'm
leaning towards not showing the controls on the page.

As I said, I'd really like to do this with CSS/HTML only, but I can't
find any examples other than javascript.

Can anybody help me? Show me a sample ?

Thanks so much !

Jane


Try using a meta tag in the header to refresh the page, and direct to a
different url.

see http://www.seologic.com/faq/meta-refresh-tag.php

For this technique, each picture would need to have it's own page. If
you don't want to keep reloading the navigation, then you could run this
in a frame or a new window (using a target property to open the first
page of the slideshow in the appropriate place).

HTH,
Martin
Apr 10 '06 #3
On Mon, 10 Apr 2006 18:24:56 GMT, Martin Eyles
<ma**********@NOSPAMbigfoot.com> wrote:

Try using a meta tag in the header to refresh the page, and direct to a
different url.

see http://www.seologic.com/faq/meta-refresh-tag.php

For this technique, each picture would need to have it's own page. If
you don't want to keep reloading the navigation, then you could run this
in a frame or a new window (using a target property to open the first
page of the slideshow in the appropriate place).

HTH,
Martin


Hmmm... I had thought about that and, yeah, don't much care for
reloading the nav every time. But, you've got me to wondering...kind
of a variation on the "frames" concept. I could just "call" a page
which in turn would have a redirect after "xx" seconds, and so on and
so on. I'm gonna check that out, 'cause it would really be much
easier for me and much more accessible to the masses.

Thanks a lot !

Jane
Apr 10 '06 #4
On 10 Apr 2006 10:25:46 -0700, di*****@codesmiths.com wrote:

be*********@hotmail.com wrote:
As I said, I'd really like to do this with CSS/HTML only, but I can't
find any examples other than javascript.


I don't think it's possible to do this in pure CSS. You need either
JavaScript, Flash or even SMIL (!) because you want a time-related
element to it. I'd suggest downloading some well-known JavaScript -
these things are out there.

I don't think you can even do it particularly well with pure CSS even
without the time-based slideshow. It's certainly possible, but you'd
have to download the whole image set early on and this might be
unacceptable with limited bandwidth. With JavaScript it's quite easy to
download the visible images first, then download the rest in the
background.


Thanks for your input. I'm gonna try and see what progress I can make
with a metatag refresh. Failing that, I'll revert to JavaScript and
those can't view it will simply have to fly from their country to mine
to view it ...now THERE'S a thought !!

Jane
Apr 10 '06 #5
be*********@hotmail.com wrote:

I want to put up a photo album slideshow but I want to stay away from
Flash & Javascript. It just seems that anytime I use them, somebody
in the family has trouble with their browser or security settings.

So, if I tell you want I want to do, could someone maybe tell me
first, if it can be done and, second, HOW it can be done. I'm really
stumped.

See <http://jalbum.net/>.

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Apr 10 '06 #6
Martin Eyles wrote:
be*********@hotmail.com wrote:
[Slideshow]
Try using a meta tag in the header to refresh the page, and direct to a
different url.


This may also is prohibited according to security settings. In addition
there are accessibility issues with refreshing/redirecting with a
non-null timeout value.

--
Johannes Koch
Spem in alium nunquam habui praeter in te, Deus Israel.
(Thomas Tallis, 40-part motet)
Apr 10 '06 #7

On Mon, 10 Apr 2006, Johannes Koch wrote:
Martin Eyles wrote:

[Slideshow]
Try using a meta tag in the header to refresh the page, and direct
to a different url.


This may also is prohibited according to security settings. In
addition there are accessibility issues with refreshing/redirecting
with a non-null timeout value.


Well, yes; but that *is* what many people mean by a "slide show". As
long as the "show" is optional (i.e with an alternative access which
only switches from slide to slide at user request), I don't see that
there is any actionable accessibility fault in also offering the
automatic option. Those who don't want to watch it don't have to;
and, as you say, any users who know it would be a problem for them
could set their client to prohibit meta refresh, as a defence against
stumbling into such a show inadvertently.

IMHO, anyway.
Apr 10 '06 #8
be*********@hotmail.com wrote:
I want to put up a photo album slideshow but I want to stay away from
Flash & Javascript. It just seems that anytime I use them, somebody
in the family has trouble with their browser or security settings.


Does your web server have PHP?

brucie gave us a PHP script for a slideshow a couple of years ago that
works well, and with minimal hassle - if you know a bit about PHP.

I could probably dig out the template if you're interested.

--
-bts
-Warning: I brake for lawn deer
Apr 10 '06 #9
On Mon, 10 Apr 2006 22:30:48 GMT, "Beauregard T. Shagnasty"
<a.*********@example.invalid> wrote:
be*********@hotmail.com wrote:
I want to put up a photo album slideshow but I want to stay away from
Flash & Javascript. It just seems that anytime I use them, somebody
in the family has trouble with their browser or security settings.
Does your web server have PHP?


I'm sure that they do, but I've never used it.
brucie gave us a PHP script for a slideshow a couple of years ago that
works well, and with minimal hassle - if you know a bit about PHP.
I appreciate the offer. I'm trying to keep this kind of simple 'cause
it's not a business website. Is there a great learning curve
involved? I gather there is more involved than a simple .php file
extension.
I could probably dig out the template if you're interested.


If you think it is something that I could figure out pretty easily, I
would at least take a look at it. [You could send it to
'n******************@hotmail.com [remove 'nospam'].

One problem I have with any Javascript slideshows that I've looked at
is that, once you click on a link from a photo and open the related
page in a new window, the slideshow image is still
"highlighted/selected" in the original window. Since the original
page is just a series of links on either side of the slideshow, I've
just used a metatag refresh, so that the "highlight" disappears by the
time a site visitor returns. It works, but I don't think it's very
slick. Would you agree ?

Thanks !

Jane
Apr 11 '06 #10
be*********@hotmail.com wrote:
On Mon, 10 Apr 2006 22:30:48 GMT, "Beauregard T. Shagnasty"
<a.*********@example.invalid> wrote:

Does your web server have PHP?
I'm sure that they do, but I've never used it.

brucie gave us a PHP script for a slideshow a couple of years ago
that works well, and with minimal hassle - if you know a bit about
PHP.


I appreciate the offer. I'm trying to keep this kind of simple
'cause it's not a business website. Is there a great learning curve
involved?


Learning curve? No, I don't think so, as long as you understand relative
paths, and what a CSS file is.
I gather there is more involved than a simple .php file extension.
If your server/host *has* PHP but it doesn't run the script, ask them.
I could probably dig out the template if you're interested.


If you think it is something that I could figure out pretty easily, I
would at least take a look at it. [You could send it to
'n******************@hotmail.com [remove 'nospam'].


Here is link to template script. Copy it, save as 'slideshow.phps' then
make another copy of it with your chosen file name, with a '.php'
extension, without the trailing 's'. Work on this file, not the
template.
http://k75s.home.att.net/ss/slideshow.phps

Add your expected variable names (paths, number of images etc) and your
image file names and captions.

and the associated style sheet:
http://k75s.home.att.net/ss/slides.css
One problem I have with any Javascript slideshows that I've looked at
is that, once you click on a link from a photo and open the related
page in a new window, the slideshow image is still
"highlighted/selected" in the original window. Since the original
page is just a series of links on either side of the slideshow, I've
just used a metatag refresh, so that the "highlight" disappears by
the time a site visitor returns. It works, but I don't think it's
very slick. Would you agree ?


As brucie's script does not open a new window, the above is not a
problem.

Where is brucie these days?

--
-bts
-Warning: I brake for lawn deer
Apr 11 '06 #11
On Tue, 11 Apr 2006 13:31:44 GMT, "Beauregard T. Shagnasty"
<a.*********@example.invalid> wrote:

Here is link to template script. Copy it, save as 'slideshow.phps' then
make another copy of it with your chosen file name, with a '.php'
extension, without the trailing 's'. Work on this file, not the
template.
http://k75s.home.att.net/ss/slideshow.phps

Add your expected variable names (paths, number of images etc) and your
image file names and captions.
Cool looking

I've looked at this briefly for now (I "do" have a full-time
job...darnitall !!). Is there a way that I can add a link to each of
the photos. e.g., I would like photos to click on Gramma's photo a
page would open in a new window that details her branch of the family
tree. I'm not the coding expert I wish I were, so can you give me
some pointers on how to do this ?
As brucie's script does not open a new window, the above is not a
problem.


....I wonder whether the above new window would cause the same
problem.

Thanks so much for your help.

Jane

Apr 11 '06 #12
be*********@hotmail.com wrote:
On Tue, 11 Apr 2006 13:31:44 GMT, "Beauregard T. Shagnasty"
<a.*********@example.invalid> wrote:

Here is link to template script. Copy it, save as 'slideshow.phps'
then make another copy of it with your chosen file name, with a
'.php' extension, without the trailing 's'. Work on this file, not
the template. http://k75s.home.att.net/ss/slideshow.phps

Add your expected variable names (paths, number of images etc) and
your image file names and captions.
Cool looking


Thank brucie. ;-)
I've looked at this briefly for now (I "do" have a full-time
job...darnitall !!). Is there a way that I can add a link to each of
the photos. e.g., I would like photos to click on Gramma's photo a
page would open in a new window that details her branch of the family
tree.
Then it wouldn't be a slideshow. I suppose the template could be altered
to add a clickable link to the .jpg file that would open in a new
window.
I'm not the coding expert I wish I were, so can you give me
some pointers on how to do this ?
It should be fairly easy to add an <a href...> and </a> around the <img
element in the variable $Showslide , with a target="_blank" attribute.

Unfortunately, I'm fairly busy trying to remodel a new house and sell
the old one.
As brucie's script does not open a new window, the above is not a
problem.


...I wonder whether the above new window would cause the same
problem.


If your visitors want to view one photo for a longer time than the
number of seconds they chose, clicking the Stop link will keep it in
front of them for as long as they have the browser open.

(Personally, I don't care for new windows. <g>)
Thanks so much for your help.


You're welcome. I like this script for a few reasons: a) it does not
depend upon any server-side code, b) not server-intensive, and c) it's
fast.

--
-bts
-Warning: I brake for lawn deer
Apr 11 '06 #13
Beauregard T. Shagnasty replied to hisself:
It should be fairly easy to add an <a href...> and </a> around the <img
element in the variable $Showslide , with a target="_blank" attribute.

Unfortunately, I'm fairly busy trying to remodel a new house and sell
the old one.


Ok, I'm not so busy. <g> See the update to the script.

http://k75s.home.att.net/ss/slideshow.phps

There is now a second line for the $Showslide variable. You could
comment out the first and uncomment the second, to have a clickable
image that would open that image in a new window.

Note that the slide show would continue to run in the original window,
and I don't think I want to try and stop that if ...

--
-bts
-Warning: I brake for lawn deer
Apr 12 '06 #14
Yep, it's really bother to make photo slideshow with Javascript. What
kind of software are you using to make photo slideshow? Have you ever
used Flash SlideShow Builder?

Have a look! http://www.photo2vcd.com/flash-slide-show.html
and here are some samples http://www.photo2vcd.com/other/showcase.html

Hope it would help. Enjoy~

Apr 12 '06 #15
ke******@yahoo.com wrote:
Yep, it's really bother to make photo slideshow with Javascript. What
kind of software are you using to make photo slideshow? Have you ever
used Flash SlideShow Builder?

Have a look! http://www.photo2vcd.com/flash-slide-show.html and here
are some samples http://www.photo2vcd.com/other/showcase.html

Hope it would help. Enjoy~


Looks interesting, but it cost 40 bucks. (33 Euros) :-(

--
-bts
-Warning: I brake for lawn deer
Apr 12 '06 #16
On Wed, 12 Apr 2006 00:13:27 GMT, "Beauregard T. Shagnasty"
<a.*********@example.invalid> wrote:
Beauregard T. Shagnasty replied to hisself:
It should be fairly easy to add an <a href...> and </a> around the <img
element in the variable $Showslide , with a target="_blank" attribute.

Unfortunately, I'm fairly busy trying to remodel a new house and sell
the old one.
Ok, I'm not so busy. <g> See the update to the script.

http://k75s.home.att.net/ss/slideshow.phps

There is now a second line for the $Showslide variable. You could
comment out the first and uncomment the second, to have a clickable
image that would open that image in a new window.


You are too good !! Thanks heaps !
Note that the slide show would continue to run in the original window,
and I don't think I want to try and stop that if ...


That's not a problem to me....I kinda like it that way !

Too cool ! Thanks again !

Jane

Apr 12 '06 #17
On Wed, 12 Apr 2006 02:41:25 GMT, "Beauregard T. Shagnasty"
<a.*********@example.invalid> wrote:
ke******@yahoo.com wrote:
Yep, it's really bother to make photo slideshow with Javascript. What
kind of software are you using to make photo slideshow? Have you ever
used Flash SlideShow Builder?

Have a look! http://www.photo2vcd.com/flash-slide-show.html and here
are some samples http://www.photo2vcd.com/other/showcase.html

Hope it would help. Enjoy~
Looks interesting, but it cost 40 bucks. (33 Euros) :-(


Not in the cards for me ... $$$ !
-Warning: I brake for lawn deer


What about flamingos & gnomes ??? Luv the sig !!

Jane
Apr 12 '06 #18
be*********@hotmail.com wrote:
On Wed, 12 Apr 2006 02:41:25 GMT, "Beauregard T. Shagnasty"
<a.*********@example.invalid> wrote:
Looks interesting, but it cost 40 bucks. (33 Euros) :-(


Not in the cards for me ... $$$ !
-Warning: I brake for lawn deer


What about flamingos & gnomes ??? Luv the sig !!


Pink ones and lawn gnomes? :-0

--
-bts
-While motorcycling, never follow a pig truck
Apr 12 '06 #19
be*********@hotmail.com wrote:
There is now a second line for the $Showslide variable. You could
comment out the first and uncomment the second, to have a clickable
image that would open that image in a new window.


You are too good !! Thanks heaps !


You're welcome. I tested it (clickable image) on one of my uses of the
script, and it works ok, other than the noted situation that the new
window could completely cover the running show - especially if the
visitor has their browser maximized. This is the reason why 'new
windows' are never a good idea.

Oh, one more point. As written, this script works best with an image of
640px wide. I've never tried to use it with larger images.

--
-bts
-Warning: I brake for lawn deer
Apr 12 '06 #20
be*********@hotmail.com writes:
I want to put up a photo album slideshow but I want to stay away from
Flash & Javascript. It just seems that anytime I use them, somebody
in the family has trouble with their browser or security settings.


If it's to be shown at a family gathering, why would this be an issue?
You'd just be using one computer for the slide show.

If it is for everybody to look at photos from the family gathering
later, then why slide show format? The only reason to go through photos
at a fixed pace is to let a group look at them together. One or two
people at a computer would want to look at each photo for a different
amount of time, depending on their interest.

I've come to think the best "slide show" interface for individuals is
the scroll bar. Not only can you control the pace of going from picture
to picture, going backward and forward is easy. You can even zoom
forward and back to compare two pictures far away from each other in
sequence.

This is also the most low-tech web solution, as you simply put 640x480
or slightly larger photos all on one page vertically.

In my experience, almost everyone likes photos, but most people roll
their eyes about slide shows.

--

http://ourdoings.com/ Easily organize and disseminate news and
photos for your family or group.
Apr 13 '06 #21
On Wed, 12 Apr 2006 14:33:48 GMT, "Beauregard T. Shagnasty"
<a.*********@example.invalid> wrote:
be*********@hotmail.com wrote:
There is now a second line for the $Showslide variable. You could
comment out the first and uncomment the second, to have a clickable
image that would open that image in a new window.


You are too good !! Thanks heaps !


You're welcome. I tested it (clickable image) on one of my uses of the
script, and it works ok, other than the noted situation that the new
window could completely cover the running show - especially if the
visitor has their browser maximized. This is the reason why 'new
windows' are never a good idea.

Oh, one more point. As written, this script works best with an image of
640px wide. I've never tried to use it with larger images.


I hope that you are not cramped for space & can keep the links you
provided active for a while.

I've had a real crunch come down at work & I'm firing on all cylinders
as it is. As long as I know those links will stay there, I hope to
get back to them in a couple of weeks. Is that okay with you?

Thanks again !
Apr 19 '06 #22
be*********@hotmail.com wrote:
I hope that you are not cramped for space & can keep the links you
provided active for a while.
Sure, but you could copy the scripts to a safe place on your computer.
They aren't very large files.
I've had a real crunch come down at work & I'm firing on all
cylinders as it is. As long as I know those links will stay there, I
hope to get back to them in a couple of weeks. Is that okay with
you?
Yes. I'm a fair bit under my limit at that free web space at the moment.
Thanks again !


You're welcome.

--
-bts
-Warning: I brake for lawn deer
Apr 19 '06 #23

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

21
by: Dave | last post by:
After following Microsofts admonition to reformat my system before doing a final compilation of my app I got many warnings/errors upon compiling an rtf file created in word. I used the Help...
9
by: Tom | last post by:
A question for gui application programmers. . . I 've got some GUI programs, written in Python/wxPython, and I've got a help button and a help menu item. Also, I've got a compiled file made with...
6
by: wukexin | last post by:
Help me, good men. I find mang books that introduce bit "mang header files",they talk too bit,in fact it is my too fool, I don't learn it, I have do a test program, but I have no correct doing...
3
by: Colin J. Williams | last post by:
Python advertises some basic service: C:\Python24>python Python 2.4.1 (#65, Mar 30 2005, 09:13:57) on win32 Type "help", "copyright", "credits" or "license" for more information. >>> With...
7
by: Corepaul | last post by:
Missing Help Files When I enter "recordset" as the keyword and search the Visual Basic Help index, I get many topics of interest in the resulting list. But there isn't any information available...
5
by: Steve | last post by:
I have written a help file (chm) for a DLL and referenced it using Help.ShowHelp My expectation is that a developer using my DLL would be able to access this help file during his development time...
8
by: Mark | last post by:
I have loaded Visual Studio .net on my home computer and my laptop, but my home computer has an abbreviated help screen not 2% of the help on my laptop. All the settings look the same on both...
10
by: JonathanOrlev | last post by:
Hello everybody, I wrote this comment in another message of mine, but decided to post it again as a standalone message. I think that Microsoft's Office 2003 help system is horrible, probably...
1
by: trunxnirvana007 | last post by:
'UPGRADE_WARNING: Array has a new behavior. Click for more: 'ms-help://MS.VSCC.v80/dv_commoner/local/redirect.htm?keyword="9B7D5ADD-D8FE-4819-A36C-6DEDAF088CC7"' 'UPGRADE_WARNING: Couldn't resolve...
0
by: hitencontractor | last post by:
I am working on .NET Version 2003 making an SDI application that calls MS Excel 2003. I added a menu item called "MyApp Help" in the end of the menu bar to show Help-> About. The application...
0
by: DolphinDB | last post by:
The formulas of 101 quantitative trading alphas used by WorldQuant were presented in the paper 101 Formulaic Alphas. However, some formulas are complex, leading to challenges in calculation. Take...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.