Jul 26, 2008

Expanding Image Gallery - Images Expanding on a mousover

Free Web Hosting, No Ads > CONTRIBUTE > Computers > Programming Languages > Java, Java Servlets, Java Script, & JSP

free web hosting

Expanding Image Gallery - Images Expanding on a mousover

sharpz

I was looking through wired today, and i noticed : http://www.hotwired.com/webmonkey/06/08/index2a.html
looks like a pretty nifty image gallery effect, though i noticed that it wont display properly in FireFox. Does anyone have any links or examples of other image gallery code, i find it pretty fascinating.

Reply

Avalon
QUOTE(sharpz @ Feb 23 2006, 06:50 PM) *

looks like a pretty nifty image gallery effect, though i noticed that it wont display properly in FireFox.

It works fine on my version of Firefox 1.5.0.1 Perhaps you don't have the latest version. I run an image gallery myself, but I don't think type of layout would work very well for me as I have descriptions for my images and some of the images are quite large. I don't know, it might be worth experimenting with.

Reply

Inspiron
Wow nice script... I've never seen that animation before..
Anyway it works for Opera browser as well.. I'm seeing things what it should be...

Reply

jlhaslip
Yup. pretty neat.
Might have to find a spot to use that script just for fun.
I suppose it won't work if javascript is disabled.
If javascript is disabled, would you be able to resize the image using a noscript tag somehow?

Reply

sharpz
QUOTE(jlhaslip @ Feb 23 2006, 01:12 AM) *

Yup. pretty neat.
Might have to find a spot to use that script just for fun.
I suppose it won't work if javascript is disabled.
If javascript is disabled, would you be able to resize the image using a noscript tag somehow?


it will not be able to resize dynamically without javascript

Reply

smartbei
Very nice. Something to keep in mind when building my own site...Though now I am more into learning php and mysql.

Reply

iGuest
Collapse/Expand in MVP architecture using Javascript
Expanding Image Gallery

I need to expand and collapse some details which are fetch from the model dynamically. How can I do that using javascript

-question by radha

Reply



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

(Maximum characters: 10,000)
You have characters left.
Confirm Code:

Similar Topics

Keywords : expanding image gallery images expanding mousover

  1. Image Rotater - need help (2)
  2. Text Image Java Problem - How to include text and image in some scrollable container? (1)
    Hello everyone, I am just writing some kind of text editor as practice for some school project and I
    have come to certain point where I can not solve certain problem. I wanted to make it available
    for people to insert images but I cannot figure how to combine images and text and which container
    should I use. I am working in Java and using swing. Also I would like to say that this content
    should be scrollable. So if anyone knows something about this and could be able to help me thanks in
    advance. Everyone opinion is accepted....
  3. Jquery Help: Scrolling Images Vertically - (0)
    Hey, I found this cool site that I think uses jQuery (or possible to do with jQuery):
    http://www.hotel-oxford.ro/ The thing is that I want to scroll vertically like that website. The
    good news is that I have it working on Mozilla and Firefox. The bad news is that Internet Explorer 6
    and 7 don't work. The problem with IE is that although it scrolls up and down, the images are
    not hidden (or masked). Since it has to be relatively positioned, the images is shown outside of the
    parent div element. Is there anyone who can help me with this?...
  4. How To Make This Type Of Link? - Image change on mouseover (1)
    I cant figure out how to solve this problem.... I want to make link to be like this: When the page
    is loaded to have a pictures on it, but one picture is a link. I want to make this picture to change
    when I get my mouse cursor over her... I mean: when my mouse cursor is not on a picture then on page
    is loaded a "pic1.gif" file, but when my mouse cursor is over it, picture changes to a "pic2.gif".
    Thanks for help!...
  5. Countdown Code Help - I need help setting an image as the background. (3)
    Ok, now for scripts like this i am not to well of working with..and i am in need of a bit of help, i
    would like to set a background image as the background not a color... CODE <script
    language="JavaScript1.2"> /* Dynamic countdown Script- © Dynamic Drive
    (www.dynamicdrive.com) For full source code, 100's more DHTML scripts, and TOS, visit
    http://www.dynamicdrive.com */ function setcountdown(theyear,themonth,theday){
    yr=theyear;mo=themonth;da=theday } //////////CONFIGURE THE COUNTDOWN SCRIPT HERE//////////////////
    //STEP 1&...
  6. Button To Display An Image - (1)
    I have an assignment that is due tomorrow that I am struggling with. I want to be able to click the
    next button in this applet, and then repaint all the graphics. Board contains an array with all of
    the chess pieces on a board, and when the button is clicked I want to be able to get the next move,
    but for now I just wanted to call a function to move one piece just so I know it's working. Here
    is my applet code, I could post all the other files, but I am almost positive they all work
    correctly, and I am just having trouble with the applet. Code: CODE import java...
  7. Problem To Update Jlabel With A Different Image.. - (1)
    Hi All, I am inplementing a preview function on a image file browser. The application displays a
    list of image file names, which the user can select (one at a time). The preview image is loaded
    into a JLabel. When an image file name is selected, the application creates a thumbnail image on the
    hard drive call "preview.jpg". The JLabel should then update itself with the newly created thumbnail
    "preview.jpg". For some reason I cannot get the Image in the JLabel to update. I have confirmed
    that "preview.jpg" is being rewritten, each time a new image file is selected from ...
  8. Image Clocks - (2)
    Does anyone know how to make you r own image clock (like a skin) for your website. The time displays
    like your system. you might take a look a this to know what i mean. So-You.net click here to see
    what i mean ...image clocks ...
  9. Image Show With Thumbnail And Fade - Does anyone know were I can get this code? (2)
    Hi I would like to know if anyone knows a javascript that makes an thumbnail 'slideshow'
    and when mouseover...it fades...and when you click...it enlarges!!! I saw it somewhere
    here on the net but i cant finf it anymore!!! Can anyone help me...or does anyone know
    a good javascript site???? THANKS ...
  10. Resize Image Before Uploading - (0)
    Hi, My upload and resizing scripts are working perfectly. Problem is clients are uploading large
    files and the script times out or connection timeout. Problem is with the bandwith and the slow
    connection in South Africa. I have increased the script timeout but it simply takes too long to
    upload. Clients forget that most didgital cameras files are massive and if they simple resize
    before uploading it will save them a huge amount of time. The final file is only 280 X 210 pixels.
    Uploading a 5Mb file over a 56k connection takes a month of Sundays. I have detailed instr...
  11. Onclick Image ->> Add Text To Input(text)field? - (3)
    when some images get clicked, a text should added to an input(textfield). Does someone know how this
    can be done? I suppose it can be done via javascript. thanks in advance! /cool.gif' border='0'
    style='vertical-align:middle' alt='cool.gif' /> If you need more information, just ask
    /tongue.gif' border='0' style='vertical-align:middle' alt='tongue.gif' /> ...
  12. Rollover Background-image Button Ie - Rollover background-image button IE (0)
    I find This Code On Search I Think for webmasters is good To Find Easy this Kind of code so i Type
    it here I Hope U enjoy it /blink.gif' border='0' style='vertical-align:middle' alt='blink.gif' />
    Step 1: Insert the below into the section of your page. Change the image path within ".initial"
    to reference the image you want applied initially to the button. .initial{ font-weight:bold;
    background-image:url(first.jpg); } CODE <script type="text/javascript">
    <!-- //Specify optional button target: "_new" for new window, ...
  13. Image Scroller? - (6)
    does anybody know where i can find a image scroller script? scrolling up and down?...



Looking for expanding, image, gallery, images, expanding, mousover

Searching Video's for expanding, image, gallery, images, expanding, mousover
advertisement



Expanding Image Gallery - Images Expanding on a mousover



 

 

 

 

ADD REPLY / Got an Opinion! Remove these ADs! RAPID SEARCH! Free Web Hosting [X]
Express your Opinions, Thoughts or Contribute more info. to help others.
Ask your Doubts & Queries to get answers, So that "Together We can help others!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE