sorry: put wrong code for transitions: just please remove the "color" from all of them
cheers, Greg/ http://www.bazingadesigns.com On 13 Gru, 22:03, Bazinga Designs <[email protected]> wrote: > Hi, > > without javascript it could be tricky if you want to show the images > in some kinky way, but if you don't want to use it, the simplest > solution that comes to my mind is just to load enlarged images in a > new page and put a return button/link to the galery index. if you'd > like to make a nice hover effect without javascript, just make the > images inside their containers absolutely positioned, and while > loading, let's say a 120x120 image, make the image under css to > appear as 100x100. Then, in css add a hover state where the images > return to their natural width & height, that is 120x120 and change the > 'top' and 'left' properties of the images so that they load in the > center. this way you got them enlarged on hover nicely without > javascript. then, a click takes the user to a large image on another > page. > > You could also put this in css properties of the element :) > > -webkit-transition:color 1s ease-in; > -moz-transition:color 1s ease-in; > -o-transition:color 1s ease-in; > transition:color 1s ease-in; > > it won't work under IE or old FireFox but it's so cool :) > > On 10 Gru, 19:48, ProBowlUK <[email protected]> wrote: > > > > > > > > > I have some "thumbnail" images on a page that I would like to enlarge > > if the user clicks on them. > > > Is there a way to do this in PHP/CSS only ? > > ie: without javascript -- -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [email protected]
