User Name Password Register
DaniWeb IT Discussion Community
All
What is DaniWeb IT Discussion Community?
You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 426,522 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 1,905 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting
Views: 1075 | Replies: 9 | Solved
Reply
Join Date: Dec 2007
Posts: 363
Reputation: OmniX is an unknown quantity at this point 
Rep Power: 1
Solved Threads: 1
OmniX's Avatar
OmniX OmniX is offline Offline
Posting Whiz

How to recreate this Photo Gallery?

  #1  
Aug 4th, 2008
I am looking to recreate this photo gallery:
http://www.bourakis.com.au/gallery-contemporary.htm

With its sidescrolling and picture enlargement.

Thankyou, Regards X
"You never stop learning" - OmniX
AddThis Social Bookmark Button
Reply With Quote  
Join Date: Dec 2007
Posts: 363
Reputation: OmniX is an unknown quantity at this point 
Rep Power: 1
Solved Threads: 1
OmniX's Avatar
OmniX OmniX is offline Offline
Posting Whiz

Re: How to recreate this Photo Gallery?

  #2  
Aug 6th, 2008
No Tutorials or Coding Examples?
"You never stop learning" - OmniX
Reply With Quote  
Join Date: Aug 2008
Posts: 375
Reputation: langsor is an unknown quantity at this point 
Rep Power: 1
Solved Threads: 34
langsor langsor is offline Offline
Posting Whiz

Re: How to recreate this Photo Gallery?

  #3  
Aug 7th, 2008
OmniX, I haven't given up on helping you, I've just been very busy so it might take me a little time ... I actually started working on this script but had to put it aside for a bit.

Maybe someone else is less preoccupied ???

Good luck
Reply With Quote  
Join Date: Dec 2007
Posts: 363
Reputation: OmniX is an unknown quantity at this point 
Rep Power: 1
Solved Threads: 1
OmniX's Avatar
OmniX OmniX is offline Offline
Posting Whiz

Re: How to recreate this Photo Gallery?

  #4  
Aug 7th, 2008
Ahh how nice langsor!

hahaha

Na thats fine im trying to tinker along, testing in each language in my own spare time.

Just completed a dogy flash photo gallery still prefering javascript one I saw on that website.

Its ok take your time, as long as you can help me in the end

I have been googling ur tips but no luck so ill have to construct something off hand in my own time or i might leave that to you and try a css or php version.

At the moment all i see possible is:
- javascript
- flash

- php
- css

Cant be done (what we require).

Even though I would like a php/css version as i reckon it would be more cleaner but I havent been able to find one

Regards, X
"You never stop learning" - OmniX
Reply With Quote  
Join Date: Aug 2008
Posts: 375
Reputation: langsor is an unknown quantity at this point 
Rep Power: 1
Solved Threads: 34
langsor langsor is offline Offline
Posting Whiz

Re: How to recreate this Photo Gallery?

  #5  
Aug 10th, 2008
At this point I've finally got the vertical scrolling behavior I wanted to achieve ... that took longer than I expected (it always does). Next the zoom-out window and maybe some background mask-out and loading animation effects (we'll see about the latter two).

I think overall this will create a pretty nice gallery display with some fairly dynamic behaviors and the ability to adapt it to a variety of gallery needs.

Unfortunately I will have to actually do some real (paying) work here soon ;-) if I want to meet the basic survival needs I've grown so accustomed to.

Ciao
Reply With Quote  
Join Date: Dec 2007
Posts: 363
Reputation: OmniX is an unknown quantity at this point 
Rep Power: 1
Solved Threads: 1
OmniX's Avatar
OmniX OmniX is offline Offline
Posting Whiz

Re: How to recreate this Photo Gallery?

  #6  
Aug 10th, 2008
I have bene trying to complete some flash photo galleries as I find when comparing all languages flash is the best option and has alot better output than javascript but I still intend on making a gallery in each language!
"You never stop learning" - OmniX
Reply With Quote  
Join Date: Aug 2008
Posts: 375
Reputation: langsor is an unknown quantity at this point 
Rep Power: 1
Solved Threads: 34
langsor langsor is offline Offline
Posting Whiz

Re: How to recreate this Photo Gallery?

  #7  
Aug 10th, 2008
I used to be a real Flash guru back in the days of action script 1.0 and Flash 5 ... that was the first scripting language I learned and I've played with Flash some for CS2 and now CS3 and can figure most anything out when I sit down with it. Flash is wonderful and well supported and works the same across browsers ... just haven't been working with it like I used to.

For the behaviors I'm creating, since they are scripted, you could easily enough use them to animate movie-clip objects as DOM elements -- with very little modification.

Looking forward to seeing what you come up with. Keep me posted
Reply With Quote  
Join Date: Aug 2008
Posts: 375
Reputation: langsor is an unknown quantity at this point 
Rep Power: 1
Solved Threads: 34
langsor langsor is offline Offline
Posting Whiz

Re: How to recreate this Photo Gallery?

  #8  
Aug 10th, 2008
Okay, here's what I've got so far ...

It works pretty well in Firefox 3 (which I use for development) and okay in Opera 9.51 and so-so in IE 7 (which is buggy as all get-out).

Like I can't seem to establish a smooth zoom-out effect in IE so I skip that effect when it's an IE browser -- I hate doing browser sniffing, but at least know how to do it correctly.

The overall page layout-design is primitive and rather arbitrary but should be easily expandable to almost any layout desired.

Enough said, take a look and enjoy :-)

www.pixieportal.com/js_vscroll_gallery.zip

The code : content ratio is out of hand, if I were to use this in a live site I would separate out the javascript into an external file ...

...
Reply With Quote  
Join Date: Dec 2007
Posts: 363
Reputation: OmniX is an unknown quantity at this point 
Rep Power: 1
Solved Threads: 1
OmniX's Avatar
OmniX OmniX is offline Offline
Posting Whiz

Re: How to recreate this Photo Gallery?

  #9  
Aug 20th, 2008
langsor

YOU ARE A #*#)$*# MAD #$)(*#$#()!?!!?!?!?!!?!?!?!

GREAT WORK!!!!!!!!!!!!!!!!!!!!!

Works beautifully.

Your a great bloke, thanks for the help.

I have been triying to learn flash and make a similar flash version as that seems to be the new trend but this is awesome work.

Like i said great work from a great bloke.

Thankyou so much!

PS: Sorry for the late reply have not been able to have internet access
Last edited by OmniX : Aug 20th, 2008 at 1:29 am.
"You never stop learning" - OmniX
Reply With Quote  
Join Date: Aug 2008
Posts: 375
Reputation: langsor is an unknown quantity at this point 
Rep Power: 1
Solved Threads: 34
langsor langsor is offline Offline
Posting Whiz

Re: How to recreate this Photo Gallery?

  #10  
Aug 20th, 2008
Wow, I'm glad you like it ... I figured you had gone over to the other side, e.g. Flash.

When I first picked up Flash (v5) it was like *Crack* for me and action script was actually the foundation to my learning JavaScript. Now I have CS3 but don't like Adobe as much as I did Macromedia ... so I really don't do much with it anymore.

Anyway, it was a rewarding project to put together -- challenging for me but I learned a lot and it was fun

Cheers
Last edited by langsor : Aug 20th, 2008 at 3:02 am.
Google is the answer to all of your questions -- the trick is knowing what question to ask in your specific predicament.
Reply With Quote  
Reply

Only community members can participate in forum threads. You must register or log in to contribute.

DaniWeb JavaScript / DHTML / AJAX Marketplace
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

 

Thread Tools Display Modes

Other Threads in the JavaScript / DHTML / AJAX Forum

All times are GMT -4. The time now is 6:26 pm.
Forum system based on vBulletin Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
©2003 - 2008 DaniWeb® LLC