jlhaslip
Sep 16 2006, 04:26 PM
Hoverbox is an Image Gallery which I found some time ago. The feature I like the most about it is the effect of the "on-hover" state which changes the image from a small thumbnail size to a "mid-size" image. Essentially, it doubles the size of the picture when your mouse hovers on it. The Hoverbox uses CSS for the size change and needs no javascript to perform. In fact, it works the same without javascript. And... it apparently works in IE. The CSS method used includes 'hiding' the larger image until the 'on-hover' state is reached. As you know, IE's 'on-hover' state doesn't work on anything except an anchor tag, so the trick is to include a named anchor (value="#") to affect the 'on-hover' display. Pretty cool. The Author's Tutorial is here: http://sonspring.com/journal/hoverbox-image-gallery/
Reply
Saint_Michael
Sep 16 2006, 04:42 PM
Although this is a good non javascript method, if people do use this they might have to fall back on javascript to preload the images if they decide to load hundreds of images and of course making them thumbnail and move them original size. Although you could just make it a link to the original do what the demo shows.
Reply
Similar Topics
Keywords : hoverbox, image, gallery, pretty, cool, present, images, page
- Cascading Windows
How do I make the image? (5)
Image Calling Problem Solved
I was having issues trying to call an image from a folder. (1) Alright so this is for example You'd have a site and the structure is like this.
http://www.url.com/ a folder of images /images/ and some pages in this parent directory. However,
I have another folder so it's http://www.url.com/other/ and this index page needs to call
things from http://www.url.com/images/ and it can't. It won't load. I've had the
call be to CODE <img src="images/" or <img src="../images/" and
<img src="http://www.url.com/images/" It doesn't work. I can't....
Image Anywhere
(2) I want to know how to put an image anywhere in the page using HTML/JavaScript. Please Help.....
Recommend A Download Gallery...
(0) Ay, I am working on new site that will be based around a download gallery (Don't worry, not
hosting on T17), and I'm looking for a download gallery script that I can use. Preferably PHP.
I've used paFileDB from phparena.net which is incredibly good - and I loved all the features
except for the fact that I had to add files one by one. With a couple thousand files - and files
being added regularly, adding them one by one isn't much of an option. pafileDB had these
features (below) and was easy to set up. I think I might go back to it. If worst comes to wo....
Image Not Taking The Right Size In Web Page
An image is correct when designed, but not when put in a website (1) When trying to make a web page with a GIF image on it which runs a coloured bar along the top and a
coloured curve along the side, I come across the weird thing that, when I put the image on a web
site, it does not take in the whole top and does not run from top to bottom completely. The image is
made in Adobe Photoshop at a resolution of 1024X768 pixela and looks correct , ie. the horizontal
bit runs completely from left to righ and the vertical bit completely from topright to bottom right,
yet when put in to the web page, it shows with big margins left and right and to....
How Do I Put A Flash Image In My Website
(10) oke i got flash now and i made this button http://www.crazydesign.trap17.com/coolflashthingy.swf
this button i wanne use for my website now my question is, what do i need to put it online do i need
a special code or something,i'm not experienced with this,i heard something about a special code
u need for it,but i dunno wichi'm just used to using tis QUOTE ....
Getting Flash Images On A Site
(1) well, i don' t have a site yet, but about 6 months ago i made a template, with flash buttons and
all, with sound and everything i was so proud so i tryed to put em on there with a special code u
needet or something ,so i did, but i got blank images,, i even tryed uploading it on the site it
didn't work, so i asked around they said u can' t install them on a cpanel, u need ftp, so i
downloadet the program needet and i got stuck there, so basicly how do u do that,and could some1
help me out how to get it working on a cpanel....
Best Way For Role-over Images?
(2) Hi Guys, I'm trying to work out the best way to make this site. This is what I have made so
far using CSS, divs, and spans: Site: http://www.frusciante.trap17.com/slices/coded.html CSS:
http://www.frusciante.trap17.com/slices/style.css I found a problem with this attempt when you
resize the browser window all the images move with it. Any suggestions on how to fix this? So
basically what i want to be able to do with this is have those buttons light up some how when i roll
over them. My idea was to have each button on a fairly small image, that way you don....
Selecting Specific Part Of Image And Adding Description
Please help (6) Many of you would have noticed that on flickr, there's feature that you can select some part of
the picture (usually there' a small box) and add description for that part when you upload. Can
someone tell me what kind of feature it is, and how it can be made ? im very keen to learn about
that. I have attached the image below, there' you can see the boxes on the picture.. i want to
learn how to make that feature.. please help me. Thanks. Sami. ....
Photo, Album, Picture, Gallery Scripts
find the best (2) Hi everyone!!! Let's explain what we mean: This topic have been created for all
those are looking for a good gallery script, and want to compare with others. I'm inviting you
to post here your script or a link to the script you have found. Let's start with one:
http://www.dynamicdrive.com/dynamicindex4/lightbox/index.htm This is a very nice script that make
all the page darker and print in the srceen the selected photo. NOTE: please try to post your
script as I did: with a short description... I hope this will help a lot of people ....
How Do You Enlarge An Image?
(8) Hey everyone, I need some help on how to make a small image bigger once you click on it. If you
know ebay, then you know what I'm talking about. There are always sample pictures of the
product that the seller is selling. Once you click on the tiny pictures, the tiny picture becomes
larger. Look below... Also, how do you for example..........click on a link, and the
link automactically takes you like half page down to see a picture? The link will not take you to
another page, it wil just take you to a different part of the same page as the link itself....
Making A Scroll Bar In Flash
with an image and words on it (4) does anybody know how to make a scrollbar for my game page I am making on my site. This whole site
is completely in flash. I know how to make a scrollbar for just words but not when there is an
image on there also. Does anybody know?....
Activation Code Images, How?
need help with activation code images (3) hi everbody, I am creating this website for an online game KHAN which is of course hosted by
Trap17.com. Anyway, it accepts membership since its services includes message board for every member
and message board for groups that members created and of course personal messages. So here is my
problem, since it accepts membership it requires applicants to fill up forms which ask their e-mail
address, I want to know how make an activation code that is an image. Get my point? /smile.gif'
border='0' style='vertical-align:middle' alt='smile.gif' /> it is basically like her....
Gallery With
(2) I arrange myself to install Mambo, to the possible being in the servants of Trap17, but I would like
to know if some gallery exists that will work with version 4,5,2 of this CMS....
Oscommerce Images?
(4) Does anyone know where I can find some really good oscommerce replacement images? The ones that
come with the program don't fit in with my store. I found a contribution that gets rid of them,
but I am looking for some cool images to replace them with. I'm also looking for them in pink
preferrably, but I can always change the color in photoshop. Also, for anyone who wants to know,
I found a cool program that lets you generate oscommerce buttons to fit the color pallete of your
store at http://oscommerce-buttons.org/ Well back to the grind. Hopefully my st....
Which- Shopping Basket Program + Gallery To Use?
Needing advice on which to choose. (8) I need a shopping basket program to use for my new site. I need it to be free or cost very little,
be easily customized and just do the basic things, i.e display an item, how item info, add to
basket, pay etc. any advice on which would be good tochoose would be excellent. Experience would be
koo too. I also need a free gallery to intergrate into my site. Again it has to be free, to basic
things and be customizeable. thank you....
Use Cell Background Image On Css?
(2) I wanted to have a button that changes the skin/theme of my site using css and php. I've
already had the php code for switching between two different css but I don't know how to put an
image background for each cell using css. Can anyone help me? Sample codes would be nice.
/huh.gif' border='0' style='vertical-align:middle' alt='huh.gif' /> ....
Image Galleries
Which one to choose ? (10) As we all must have noticed that the Fantastico section of our trap17 website admin accounts have 3
options for Picture Galleries. 1... 4Images Gallery 2... Coppermine Photo Gallery 3... Gallery
I would like to use one of these, but i am very confused which one to select. Primary selection
criteria would be The Looks and then safety of image files. also ease of adding images (last) So
what do you think which one should I go for ? Cheers....
Gallery For Community Site
which one do you suggest? (4) hello, i'm developing website for my school cultural club community which may priorly need good
gallery scripting software for mass and rapid management demand.. and also need to consider about
the hosting space limitation.. i need your review of above three image gallery script which i might
use it for website.. p.s.. i was thinking about coppermine but it've already taken ~10mb of
host-space. /sad.gif' border='0' style='vertical-align:middle' alt='sad.gif' /> why i wanna
choose coppermine is that i can easy integrate with phpbb forum script..just under one....
Image Refresh
(5) Hi all, Does anyone know if there is any way to refresh only an image in a webpage? I can't use
the meta refresh because that would defeat the purpose of this page. If a link to this page is
needed to see what I mean, let me know. I am using layers and they are dragable by visitors and if I
refresh the whole page, the layers get reset. kvarnerexpress....
Syndicated Image Feeds
Need help setting it up and keywords (0) I'd like to offer some of my digital photos as syndicated image feeds, but when I search on that
term, all I get is porn and lottery sites. Maybe I'm calling this the wrong thing. Here's
what I want to do: Offer "picture of the week" images that people can link to, once, but they
update, automatically every week. I can do them all different ways--in web page templates, as
banners, as puzzles (where they see a small part and have to guess what it is), etc. I tried it
out as a dorky table-based template and it works fine. Here's the link, so you can get ....
Pre Load Images
(12) I want to preload some images with my page and after searching in google I found this code but it
doesn't seem to work. Cany anyone tell me what is wrong? <script language="JavaScript">
<!-- Image1= new Image() Image1.src = "Slice3_over.gif" Image2 = new Image() Image2.src
= "Slice4_over.gif" Image3 = new Image() Image3.src = "Slice5_over.gif" Image3 = new Image()
Image3.src = "Slice6_over.gif" --> ....
Great Background Images
Don't miss them! (1) Here it is: http://home.arcor.de/stefun132/Hintergrund/ ....
Great Background Images
Don't miss them! (2) Here it is: http://home.arcor.de/stefun132/Hintergrund/ ....
Avoid Image Download
(6) Hi guys, I am working on a Web page for a photographic center. They want to show photographs but
they do not want people to be able to download it. Because some of these photographs are propietary.
Is that possbile?. Can anyone tell me how can i manage to do that on a Web? thanks in advanced for
your help!! SAC....
Rollover Image Tutorial
(2) make it so that i have a button, probably an opaque one, and when it is scrolled over it displays
another image, a solid one. I believe this is a javascript command, and I already have all the
images set, i just need to know the coding. Thanks for the help.....
Image Splicer?
(1) Ok, question to everybody? Do you know if Photoshop 7 has an included image splicer?...I used to
have PSP and it had a good one, that generated code for a layout, too. I was kinda
wondering...because if not, I really should find a free one online... Which brings me to my next
question...any good splicer/code generator out there, that's free? I really could use one...it
makes things go so much faster...I mean, doing everything in notepad and all. /biggrin.gif'
border='0' style='vertical-align:middle' alt='biggrin.gif' /> Thanks in advance to all repliers,
th....
Move/delete Image On Webpage Automatically?
(2) Hi, Im creating a website that sells carpets and basically ive created webpages with the picture and
checkboxes underneath the pictures so users can select which carpet they want! Once they submit
the form, we get the order including form details! The problem is that once the user checks the
checkboxes, i want to be able to delete that image from that webpage or move that picture to another
location in the folders i have stored on the server. The reason is becuase evry carpet is unique so
that two people cant order the same carpet! Now wat is the best way 2 d....
Butterflies Gallery
of Photos (6) CODE http://www.mybutterflies.cjb.net ....
1000 Free Psd Icon Images
They are very cool (10) Here it is: CODE http://www.stud.uni-hannover.de/~ngthanh/1000_ico/page_01.htm
http://www.stud.uni-hannover.de/~ngthanh/1000_ico/page_02.htm
http://www.stud.uni-hannover.de/~ngthanh/1000_ico/page_03.htm
http://www.stud.uni-hannover.de/~ngthanh/1000_ico/page_04.htm
http://www.stud.uni-hannover.de/~ngthanh/1000_ico/page_05.htm Carpe diem.....
Looking for hoverbox, image, gallery, pretty, cool, present, images, page
|
|
Searching Video's for hoverbox, image, gallery, pretty, cool, present, images, page
|
advertisement
|
|