473,769 Members | 2,430 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

change images

Hi Folk and Gurus

This may help some of you (though probably not the gurus), in changing
images:

http://www.sunnysideup.co.nz/j/imageChange/

Any feedback appreciated.

Cheers

Nicolaas

Aug 4 '07
14 1970
David Mark said the following on 8/7/2007 12:53 AM:
On Aug 7, 12:37 am, David Mark <dmark.cins...@ gmail.comwrote:
[snip]
>Anyway, you still had several problems. Here is a more reliable and
unobtrusive version of the. I made a few style changes too.

One note on the revised version. Add a rule to the script-added style
block to hide the menu as well. It won't be able to do anything while
the page is loading and style is enabled.

And I just noticed that you still have alternate text for the images.
Change the alt attributes to "".
I have to ask why you think the alt attribute should be changed to ""
instead of something reasonable for the image impaired UA's? If the
caption for the image is simple duplication for the ALT attribute then
it should be put in the ALT attribute, read back out by script and
turned into a caption. If the caption isn't duplication, then the ALT
attribute should be there and be something meaningful in the event
images aren't supported, are disabled or the image can't be downloaded
(for whatever reason).

--
Randy
Chance Favors The Prepared Mind
comp.lang.javas cript FAQ - http://jibbering.com/faq/index.html
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/
Aug 7 '07 #11
On Aug 7, 8:08 am, Randy Webb <HikksNotAtH... @aol.comwrote:
David Mark said the following on 8/7/2007 12:53 AM:
On Aug 7, 12:37 am, David Mark <dmark.cins...@ gmail.comwrote:
[snip]
Anyway, you still had several problems. Here is a more reliable and
unobtrusive version of the. I made a few style changes too.
One note on the revised version. Add a rule to the script-added style
block to hide the menu as well. It won't be able to do anything while
the page is loading and style is enabled.
And I just noticed that you still have alternate text for the images.
Change the alt attributes to "".

I have to ask why you think the alt attribute should be changed to ""
instead of something reasonable for the image impaired UA's? If the
Any way you look at it, a slide show like this one isn't going to make
much sense in a text-only browser.
caption for the image is simple duplication for the ALT attribute then
it should be put in the ALT attribute, read back out by script and
turned into a caption. If the caption isn't
But then you need script to see the captions. The captions belong in
the static content and I don't see them as alternatives for the
images. If you put things like alt="A landscape with a sunset" in
image tags, then text-only browsers will display that, but it won't
make sense in a text-only context. It is easier to picture this if
you imagine an image floated next to a paragraph.

duplication, then the ALT
attribute should be there and be something meaningful in the event
images aren't supported, are disabled or the image can't be downloaded
What is meaningful in this case? The captions describe what would
have been in the empty spaces. That's another reason why captions
should be part of the static content.

I only recently saw the light on this when I started testing pages
with Lynx. It exposed some misconceptions I had about alt
attributes. They are not for describing images, but to provide
alternative content when alternate content is needed to make sense of
the page (eg diagrams, images that contain text, images that are
links, etc.)

Aug 7 '07 #12
windandwaves said the following on 8/6/2007 9:50 PM:
On Aug 6, 8:35 pm, David Mark <dmark.cins...@ gmail.comwrote:
...
>You really shouldn't be using the display property for this (see the
other thread that Randy mentioned.)

I dont understand this - why? visibility hidden means that it reserves
space for it, meaning that it does not sit as nice. What is wrong with
display: none?
Because there are browsers (mentioned in the long thread I linked to)
that do not allow you to do some things that main stream browsers do
allow you to do.

--
Randy
Chance Favors The Prepared Mind
comp.lang.javas cript FAQ - http://jibbering.com/faq/index.html
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/
Aug 7 '07 #13
David Mark said the following on 8/7/2007 8:37 AM:
On Aug 7, 8:08 am, Randy Webb <HikksNotAtH... @aol.comwrote:
>David Mark said the following on 8/7/2007 12:53 AM:
>>On Aug 7, 12:37 am, David Mark <dmark.cins...@ gmail.comwrote:
[snip]
Anyway, you still had several problems. Here is a more reliable and
unobtrusiv e version of the. I made a few style changes too.
One note on the revised version. Add a rule to the script-added style
block to hide the menu as well. It won't be able to do anything while
the page is loading and style is enabled.
And I just noticed that you still have alternate text for the images.
Change the alt attributes to "".
I have to ask why you think the alt attribute should be changed to ""
instead of something reasonable for the image impaired UA's? If the

Any way you look at it, a slide show like this one isn't going to make
much sense in a text-only browser.
It doesn't make much sense in a non-script browser either. It simply
becomes a plain image gallery. But, I agree with the concept of "this
particular page" but I was more interested in any supposition of
removing/nullifying the alt attribute.
>caption for the image is simple duplication for the ALT attribute then
it should be put in the ALT attribute, read back out by script and
turned into a caption. If the caption isn't

But then you need script to see the captions. The captions belong in
the static content and I don't see them as alternatives for the
images.
Then it should, as I wrote, be in the static page. The sentence saying
that is broken in half above/below your text. But, with a text only
browser the captions alone don't make a lot of sense either do they?
If you put things like alt="A landscape with a sunset" in
image tags, then text-only browsers will display that, but it won't
make sense in a text-only context.
The captions wouldn't make a lot of sense in a text only browser without
something to indicate what the caption is about though would they?
It is easier to picture this if
you imagine an image floated next to a paragraph.
duplication, then the ALT
>attribute should be there and be something meaningful in the event
images aren't supported, are disabled or the image can't be downloaded

What is meaningful in this case? The captions describe what would
have been in the empty spaces. That's another reason why captions
should be part of the static content.
See above though :) The captions without anything to go with them don't
make sense either.
I only recently saw the light on this when I started testing pages
with Lynx. It exposed some misconceptions I had about alt
attributes. They are not for describing images, but to provide
alternative content when alternate content is needed to make sense of
the page (eg diagrams, images that contain text, images that are
links, etc.)
Yes, but I usually test non-images in FF2.0 and Amaya because I am
spoiled by GUI's :)

--
Randy
Chance Favors The Prepared Mind
comp.lang.javas cript FAQ - http://jibbering.com/faq/index.html
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/
Aug 7 '07 #14
On Aug 7, 11:28 am, Randy Webb <HikksNotAtH... @aol.comwrote:
David Mark said the following on 8/7/2007 8:37 AM:


On Aug 7, 8:08 am, Randy Webb <HikksNotAtH... @aol.comwrote:
David Mark said the following on 8/7/2007 12:53 AM:
>On Aug 7, 12:37 am, David Mark <dmark.cins...@ gmail.comwrote:
[snip]
Anyway, you still had several problems. Here is a more reliable and
unobtrusive version of the. I made a few style changes too.
One note on the revised version. Add a rule to the script-added style
block to hide the menu as well. It won't be able to do anything while
the page is loading and style is enabled.
And I just noticed that you still have alternate text for the images.
Change the alt attributes to "".
I have to ask why you think the alt attribute should be changed to ""
instead of something reasonable for the image impaired UA's? If the
Any way you look at it, a slide show like this one isn't going to make
much sense in a text-only browser.

It doesn't make much sense in a non-script browser either. It simply
becomes a plain image gallery. But, I agree
It actually works pretty well if CSS is enabled due to the
overflow:auto rule on the container (and the fact that the container
is roughly the size of one image.)

with the concept of "this
particular page" but I was more interested in any supposition of
removing/nullifying the alt attribute.
You never remove it as it is required for accessibility compliance,
but often you nullify it (typically for decorative images.)
>
caption for the image is simple duplication for the ALT attribute then
it should be put in the ALT attribute, read back out by script and
turned into a caption. If the caption isn't
But then you need script to see the captions. The captions belong in
the static content and I don't see them as alternatives for the
images.

Then it should, as I wrote, be in the static page. The sentence saying
that is broken in half above/below your text. But, with a text only
browser the captions alone don't make a lot of sense either do they?
In an image gallery like this, that's all the sense you can make of it
without using longdesc attributes to provide a links to descriptions
of the images. My point is that alt should not be used for such a
description.
>
If you put things like alt="A landscape with a sunset" in
image tags, then text-only browsers will display that, but it won't
make sense in a text-only context.

The captions wouldn't make a lot of sense in a text only browser without
something to indicate what the caption is about though would they?
What makes sense of it is the context of the page. Presumably a
header above the index list would indicate that what follows is a
series of images (eg "Pictures from my summer vacation.")
>
It is easier to picture this if
you imagine an image floated next to a paragraph.
duplication, then the ALT
attribute should be there and be something meaningful in the event
images aren't supported, are disabled or the image can't be downloaded
What is meaningful in this case? The captions describe what would
have been in the empty spaces. That's another reason why captions
should be part of the static content.

See above though :) The captions without anything to go with them don't
make sense either.
In the context of this page I think they would make as much sense as
you could hope for in a text-only browser (or aural browser.)
>
I only recently saw the light on this when I started testing pages
with Lynx. It exposed some misconceptions I had about alt
attributes. They are not for describing images, but to provide
alternative content when alternate content is needed to make sense of
the page (eg diagrams, images that contain text, images that are
links, etc.)

Yes, but I usually test non-images in FF2.0 and Amaya because I am
spoiled by GUI's :)
I still don't know what more you could put in the alt attributes to
make it look right. Instead of having a single caption per image, you
would have alternating descriptions and captions. Assuming the
captions are not redundant (eg they don't indicate what the image is),
you would need use longdesc attributes to link to descriptions.

All in all, this type of presentation is an odd case. But there are
lots of instances where alt="" is the only sensible markup. It is
typically the best replacement for things like "[image]" or "[image of
my dog]", etc.

Aug 7 '07 #15

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

Similar topics

1
3219
by: Spike | last post by:
Hello! Im going to make a javascript for changing alot of images. But im not sure how to do it., where to start.. Ok, first.. this is the isue. I have 3 images(I call them 1a-3a). when u click on image 1a u change" image x" to image 1a when u click on image 2a u change" image x" to image 2a when u click on image 3a u change" image x" to image 3a
4
44332
by: Nathan Given | last post by:
Hello All, I am trying to randomly change the background image of my home page but I can't seem to figure it out. Here is a snippet of my css .... BODY {background:transparent url(../images/homepagebg3.jpg) no-repeat; font:normal 90% Arial, Helvetica, sans-serif; color:#263158;}
2
1863
by: Nick Calladine | last post by:
Is this possible to ... I wish to get the value of a dropdown select but gets is indexable value (dont know if that is the right term) if that is possible (the position it assigned get assigned by the position on the list) this is so i can then pass it to the array called pictureimage to get the correct filename (similar to the picturetext part of this routine) and then the final line on the fuction is to change an original image with...
2
8535
by: Sanjeeva Reddy | last post by:
hai Anti Keskinen, i have used the following code MyListView->LargeImageList->ImageSize = gcnew System::Drawing::Size(100, 100); // Sets large image size to 100, 100 here i am getting error like "gcnew is undeclared error",how to deeclare 'gcnew" and when i am using in runtime to change the size of images in imagelist in listview control in .net(forms application) by chnging one trckbar(like tb1->Value),
4
1998
by: Shapper | last post by:
Hello, I have this image in my HTML code: <img src="images/en-US/myImage.jpg" /> I want to change the URL using the value of a Session variable. <img src="images/ Session("culture") Value /myImage.jpg" /> This is what I did: <img src='images/<%# Session("culture") %>/myImage.jpg' />
16
2048
by: Giggle Girl | last post by:
Hi there, I have a nav tree similar to the XP Windows Explorer in behavior. It uses styles to underline a row on mouseover, and change the look of a row when clicked. Currently, it is working fine using CSS/Javascript, by calling functions that underline and highlight by passing in IDs. The problem is, I do not want to pass in IDs. Currently it has one the TDs to be changed, but I may need to add one for images (to change the
1
1755
by: roN | last post by:
Hi, I have a table in which I would like to change the background image onMouseOver. I implemented it with CSS but IE doesn't support hovers on tables, so I'd need to go via JS for IE. Can anyone give me a hint how to do this? So far it looks like: <tr> <td class="frontbar"> <a href="#"><img src="images/dot.gif" width="10"
3
3190
by: vj | last post by:
how to change images based on action. Even clicking changed images should do respective actions. and while displaying only one image at a time sholud get displayed. I am using three images for a single column of a table in Jsp. Any clues. Any link for any good javascript html jsp site where i can find some good solution. here swaping hiding which will work well.
9
3017
by: shoeyoz | last post by:
Hi Everybody, m suyoz, i have made body color change onmouse click in every webpages but what i want is dat when i choose for eg blue body color .after dat when i click on link to other page i want same color which i have chosen before .. so please help me..
1
2675
by: rockdale | last post by:
Hi, all I am change my webpage to using div and css for my layout, it was using table before and I want to get rid of it. Basically it draws a box around my content using background pictures, but I can not get the left-border and right-border of the box working using div. Anybody can help me? Thanks in advance
0
9589
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
10219
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
10049
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
0
8876
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
7413
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
6675
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
5310
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
0
5448
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
3
2815
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

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.