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]
