Jump to content

bmcs

Members
  • Posts

    3
  • Joined

  • Last visited

Everything posted by bmcs

  1. bmcs

    Expand images on hover

    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
  2. bmcs

    Expand images on hover

    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 & Regards Dave
  3. 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
×
×
  • Create New...