bmcs
-
Posts
3 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by bmcs
-
-
Identifying the image is the main issue I am trying to resolve. The horizontal positioning (floating) of the images doesn't concern me too much, I can work that out later.Think of a newspaper style of layout, with text wrapping around the images. The site I am working on has a section with ~50-60 pages and 5-6 images per page, each with this expand on hover style. The http://w3schools.invisionzone.com/index.php?showtopic=41502 solution identifies and locks the image name inside the CSS class:
<div id="container"><div class="cover"><div class="inside"><img src="image_name.jpg" width="100%" alt="image"></div></div></div>
This works fine for just one image or a handful images, but I do not want to have 300+ classes (ie. one for each image). It would make more sense to dump CSS styling and go back to the old table layout.
Entry #7 CSS Image Enlarger http://www.istu.co.uk/index.html would be my ideal, but I am not smart enough to work out how to wrap text around the images
.Thanks & RegardsDave -
Hi Folks,I have been searching around for days looking for a way to expand the size of an image on hover. I finally found http://w3schools.invisionzone.com/index.php?showtopic=41502 which is the closest thing to what I am trying to achieve. This method defines the default size of the image inside the image's
container. I need to have a number of different sized images on the same page with text wrapping around them. For example:1 landscape scaled 250px x 167px floated right.1 portrait scaled 200px x 290px floated left.1 scaled 300px x 300px floated left.and so on...Ignoring the float, is there a way this can be done without creating an individual class for each image. It can probably be simulated in jquery, but I would prefer to use css if possible.Any advice or guidance would much appreciated.RegardsDave
.
Expand images on hover
in CSS
Posted
Thanks dsonesuk, but my existing code and your example are very similar and neither succeed in creating the effect I am looking for. What I am trying to achieve is to have the images expand over (on top of) the adjacent text instead of displacing it.
Regards
Dave