Our Sponsors



PHP Nuke themes, stock photos, icons, drupal themes and more.
Custom jobs at low cost, free lancers and service buyers.



Western Studios :: View topic - How to make images open larger...
Need Jobs done? Use our brand new Jobs Board to get your projects done at affordable prices.
 Forum FAQForum FAQ   SearchSearch   UsergroupsUsergroups     ProfileProfile   Log inLog in 


How to make images open larger...


Goto page 1, 2  Next
 
Post new topic   Reply to topicprinter friendly version    Western Studios Forum Index -> Web Design
Western Studios

X-perienced
X-perienced
~PHP Nuke User~

Platinum Subscriber

Posts: 134
Next Group: 16 posts
godfirst wrote:

Hi all,

I am wondering how do you go about making a thumbnail larger in website?

Meaning, If I have thumbnails and want to click on them and see the image larger or it's regular size in a new window...

Or even when I hover over the image a thumbnail pops up as a larger picture.

Thanks

Posted: Thu Oct 16, 2008 4:46 pm

Western Studios

X-perienced
X-perienced
~PHP Nuke User~

Platinum Subscriber

Posts: 134
Next Group: 16 posts
godfirst wrote:

Sorry for the double post.

This is one of my sites. it's a template done in php, but this is exactly what I mean and how I would like it to be. http://kennethtylersells.com/listing.php?id=1

If you notice, when you hover over an image it shows up and cycles larger. Also when you click it it grows to it's normal size. Does anyone know how this is done on .css / html?

Thanks again and sorry for the double post.[/code]

Posted: Fri Oct 17, 2008 5:28 pm

Western Studios

Site Admin
Site Admin
~PHP Nuke User~

Platinum Subscriber

Posts: 3365
Staff
Next Group: 1635 posts
admin(Mark) wrote:

There are a number of ways to achieve the effects. Most use javascript but there are some cool css tricks that can do similar.

Here are a few
http://cssglobe.com/post/1305/create-resizing-thumbnails-using-overflow-property

http://www.godandscience.org/general/image_rollover.html

It is best to use CSS versions instead of javascript since they degrade better with older browsers.

Posted: Sat Oct 18, 2008 5:37 pm

Western Studios

WS Newbie
WS Newbie
~PHP Nuke User~

Platinum Subscriber

Posts: 48
Next Group: 2 posts
hicux wrote:

Hi Mark

The question is how I can do that with php nuke, for example in my sexy or not module?

Posted: Sun Oct 19, 2008 5:50 pm

Western Studios

X-perienced
X-perienced
~PHP Nuke User~

Platinum Subscriber

Posts: 134
Next Group: 16 posts
godfirst wrote:

Thanks for the reply Mark.. Unfortunately, I think the images are locked or something sicne this is not working for me.
I know it works because I can see it on the reference pages, so it must be the template coding or something.


EDIT... The images open in a new window and larger which is fine. The rollover effect doesn't work however. I copied the code as it is on the 1st link. Is there something in the code I should remove?

Posted: Mon Oct 20, 2008 1:11 pm

Post new topic   Reply to topic    Western Studios Forum Index -> Web Design All times are GMT - 5 Hours
Goto page 1, 2  Next
Page 1 of 2

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


Related topics
 Topics   Replies   Author   Views   Last Post 
No new posts Sticky: Website Logo 1 admin 1319 Wed Apr 05, 2006 3:38 pm
jordroth View latest post
No new posts Post your website link 3 admin 788 Wed Apr 27, 2005 12:03 pm
Jabba View latest post
No new posts Website Reviews 0 admin 879 Sun Feb 06, 2005 8:54 am
admin View latest post
No new posts Game or 3D help website? 0 admin 883 Thu Jul 29, 2004 8:13 pm
admin View latest post
 
Forums ©