Re: [css-d] Replace Picture Bar with New Set
Donna Pfledderer @ Virtual Business Connection wrote:
I'm not sure how to ask this, but on this page
http://www.1startescape.com/NewSite/gallery_natPlaces.html
http://www.1startescape.com/NewSite/css/portfolio.css
When the user clicks on the arrow I want the picture bar to be replaced
with new thumbnails.
Hi Donna,
If there aren't thousands of images, the easy way is just to make a kind
of dia-show with hard links under the arrows. These can lead to one or
more copied pages with a new strip of images. Later on you have only to
add a new page if the 6th of 7th new painting is added.
In this way your visitor is not dependent of the use of javascript, and
no inline frames are needed (or: you don't have to find a solution with
a serverside database and a serverside script).
To assure a quick download, you can add a div with the css for an
unvisible #preload { margin-left: -px; display: none; height: 0; }
of the needed images on the end of each gallery page before. Looking at
a page is then loading, in the background, the images of the next one.
Then I remarked (by accident!) that if JS is supported/on, you can click
on the thumbnails to get the enlargement. You can add in the
portfolio.css: div.boxPictureBar img {cursor: pointer;}, then the
helping hand is pointing to that.
But in browsers in which javascript is not supported, or not enabled,
you cannot see the enlargements! For that users maybe you can add a
noscript/noscript rule which shows the enlargement at css-hovering
over the thumbnails: then everybody is served. ;-)
francky
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Replace Picture Bar with New Set
On 1/21/06, Donna Pfledderer @ Virtual Business Connection [EMAIL PROTECTED] wrote: Can anyone give me some suggestions on how to make the bar of thumbnails slide to the left and replace with new ones and then slide to the right when Donna, You're going to have to use JavaScript to accomplish this. I know of no way to do it using just CSS. I googled JavaScript scrolling images and was able to come up w/ several code samples and tutorials. Hope this helps. -- Bryce Fields www.royalrodent.com Do or do not! There is no try! -- Yoda __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Replace Picture Bar with New Set
Thanks Bryce, I'll try the google search. Donna __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Replace Picture Bar with New Set
Try adding this in place of div.boxPictureBar: iframe id=xhtml name=xhtml src=blank.html frameborder= height=250 width=95% You need a standards compliant browser to see this iframe! At least IE 5.5 or Netscape 6. Please go to the links above and download one of the recommended browsers for free. /iframe Then create a page or maybe more with yours sets of pictures, utilizing what you deleted from this page. [EMAIL PROTECTED] wrote: I'm not sure how to ask this, but on this page http://www.1startescape.com/NewSite/gallery_natPlaces.html http://www.1startescape.com/NewSite/css/portfolio.css When the user clicks on the arrow I want the picture bar to be replaced with new thumbnails. I have looked through the archives, but since I'm not sure what to call this, I didn't have much luck searching. I'm not sure if I should do it the same way that the Pictures and text above are replaced, but instead of one picture at a time, I want the whole bar to replace. I just can't wrap my mind around it. Can anyone give me some suggestions on how to make the bar of thumbnails slide to the left and replace with new ones and then slide to the right when you click on a left button, replacing the old ones? I use to do this in flash, but I haven't done it in a while and I have to learn flash all over again. I would like to do it in CSS if possible. Thanks and I hope I explained myself well enough. Donna Light Pfledderer Virtual Business Connection http://www.vbc-nc.com Support the Arts http://www.johnstoncountyarts.org Life would be boring with out it. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Replace Picture Bar with New Set
Try adding this in place of div.boxPictureBar: iframe id=xhtml name=xhtml src=blank.html frameborder= height=250 width=95% You need a standards compliant browser to see this iframe! At least IE 5.5 or Netscape 6. Please go to the links above and download one of the recommended browsers for free. /iframe Then create a page or maybe more with yours sets of pictures, utilizing what you deleted from this page. Or use JavaScript to show and hide the different sections. In any case, this is OFF-Topic for a CSS mailinglist. I haven't got an out of the box solution for this detailed site, but it really is not that hard to achieve. I really consider the message you put in the IFRAME a slap in the face. What if I cannot see or if I cannot download a different browser because my company's security settings don't allow me to do so? If you cannot solve a web design issue, don't make it the visitor's problem... And especially don't advertise IFRAME hacks as a standards compliance feature. Frames are for most of the normal brochureware sites these days obsolete and should be replaced with server side includes. -- Chris Heilmann Blog: http://www.wait-till-i.com Writing: http://icant.co.uk/ Binaries: http://www.onlinetools.org/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
