Author Topic: JavaScript + CSS = Nice Picture Display  (Read 77023 times)

0 Members and 1 Guest are viewing this topic.

Offline impss

  • Sr. Member
  • ****
  • Posts: 382
    • View Profile
    • Cusstom.net
JavaScript + CSS = Nice Picture Display
« on: January 10, 2006, 06:19:47 PM »
This doesnt work for my needs , but I thought someone on here maybe able adapt it for there use.

http://www.huddletogether.com/projects/lightbox/

pretty nice way to display a picture

Offline mawenzi

  • 4images Moderator
  • 4images Guru
  • *****
  • Posts: 4.500
    • View Profile
Re: JavaScript + CSS = Nice Picture Display
« Reply #1 on: January 10, 2006, 06:41:49 PM »
indeed, a nice script ...  :D
Your first three "must do" before you ask a question ! ( © by V@no )
- please read the Forum Rules ...
- please study the FAQ ...
- please try to Search for your answer ...

You are on search for top 4images MOD's ?
- then please search here ... Mawenzi's Top 100+ MOD List (unsorted sorted) ...

Offline TheOracle

  • Hero Member
  • *****
  • Posts: 875
    • View Profile
Re: JavaScript + CSS = Nice Picture Display
« Reply #2 on: January 10, 2006, 11:50:49 PM »
It might use more server ressources but still looks great. ;)

Offline V@no

  • If you don't tell me what to do, I won't tell you where you should go :)
  • Global Moderator
  • 4images Guru
  • *****
  • Posts: 17.849
  • mmm PHP...
    • View Profile
    • 4images MODs Demo
Re: JavaScript + CSS = Nice Picture Display
« Reply #3 on: January 11, 2006, 12:46:44 AM »
O my! indeed nice! I think it would be nice display large image, instead of opening it in a new window :)

Wonder what browsers it supports?
Your first three "must do" before you ask a question:
Please do not PM me asking for help unless you've been specifically asked to do so. Such PMs will be deleted without answer. (forum rule #6)
Extension for Firefox/Thunderbird: Master Password+    Back/Forward History Tweaks (restartless)    Cookies Manager+    Fit Images (restartless for Thunderbird)

Offline impss

  • Sr. Member
  • ****
  • Posts: 382
    • View Profile
    • Cusstom.net
Re: JavaScript + CSS = Nice Picture Display
« Reply #4 on: January 11, 2006, 04:16:33 AM »
Seems to be working in IE, Firefox , and Opera for me

V@no, or anyone

If you do something with this let us know. I might be able to use it in my gallery , if members cant right click on the image to save it
maybe make it so right click closes the picture to


Offline V@no

  • If you don't tell me what to do, I won't tell you where you should go :)
  • Global Moderator
  • 4images Guru
  • *****
  • Posts: 17.849
  • mmm PHP...
    • View Profile
    • 4images MODs Demo
Re: JavaScript + CSS = Nice Picture Display
« Reply #5 on: January 11, 2006, 07:22:21 AM »
Well, I had problem implementing this script...I mean, implementing was a snap, but for some reason it didnt work for me. Turn out that onload function was not working correctly on my page...what is wierd, that it worked fine if I add something before <html> tag! so I had to abandom using onload feature and do initialization on mouse click. Actualy this method also prevent opening the image directly in the browser as it would happend if page was not fully loaded and you click on it.
example

I'm not quiet sure if it was due to my modifications, or something else, but for some reason the "loading" image is not being centered on screen in firefox...in IE it looks good. time for debuging :)
Your first three "must do" before you ask a question:
Please do not PM me asking for help unless you've been specifically asked to do so. Such PMs will be deleted without answer. (forum rule #6)
Extension for Firefox/Thunderbird: Master Password+    Back/Forward History Tweaks (restartless)    Cookies Manager+    Fit Images (restartless for Thunderbird)

Offline Vincent

  • 4images Moderator
  • Addicted member
  • *****
  • Posts: 1.195
    • View Profile
    • www.foto-kocher.com
Re: JavaScript + CSS = Nice Picture Display
« Reply #6 on: January 11, 2006, 07:26:16 AM »
yes looks nice!
Beati pauperi spiritus

4images 1.7 // My Installed Mods


Offline TheOracle

  • Hero Member
  • *****
  • Posts: 875
    • View Profile
Re: JavaScript + CSS = Nice Picture Display
« Reply #7 on: January 11, 2006, 12:38:24 PM »
Quote

I'm not quiet sure if it was due to my modifications, or something else, but for some reason the "loading" image is not being centered on screen in firefox...in IE it looks good. time for debuging


Probably a mis-alignment between the two browsers - from the core's development. ;)

Offline Eagle Eye

  • Full Member
  • ***
  • Posts: 191
    • View Profile
Re: JavaScript + CSS = Nice Picture Display
« Reply #8 on: January 21, 2006, 12:30:40 AM »
here:
Code: [Select]
http://wiki.script.aculo.us/scriptaculous/show/CombinationEffects   are some intresting effects you can add to the photo thumbnails, i liked the puff effect, but its seems to looks cool when all images have the same size,

 :D

Offline tdkpaul

  • Full Member
  • ***
  • Posts: 205
    • View Profile
Re: JavaScript + CSS = Nice Picture Display
« Reply #9 on: August 17, 2006, 07:38:42 PM »
Well, I had problem implementing this script...I mean, implementing was a snap, but for some reason it didnt work for me. Turn out that onload function was not working correctly on my page...what is wierd, that it worked fine if I add something before <html> tag! so I had to abandom using onload feature and do initialization on mouse click. Actualy this method also prevent opening the image directly in the browser as it would happend if page was not fully loaded and you click on it.
example

I'm not quiet sure if it was due to my modifications, or something else, but for some reason the "loading" image is not being centered on screen in firefox...in IE it looks good. time for debuging :)

hey v@no

i use this lightbox
http://www.huddletogether.com/projects/lightbox2/

it works properly.
My question: It only should be activated if it is jpg, jpeg or gif.

How i can do this?

THX in Advance

« Last Edit: August 17, 2006, 09:11:17 PM by tdkpaul »

Offline KurtW

  • 4images Guru
  • *******
  • Posts: 2.778
    • View Profile
    • Malediven-Bilder ~~Dreams~~
Re: JavaScript + CSS = Nice Picture Display
« Reply #10 on: August 17, 2006, 07:51:28 PM »
Hi,

yes, i use this script a long time and i have no problem.... :wink:

http://www.malediven-bilder.de/categories.php?cat_id=124

cu
Kurt

Offline tdkpaul

  • Full Member
  • ***
  • Posts: 205
    • View Profile
Re: JavaScript + CSS = Nice Picture Display
« Reply #11 on: August 17, 2006, 08:08:06 PM »
edit

first problem fixed

ok erstes Problem gelöst


2nd Problem not fixed:

it only should be activated if it is jpg, jpeg and gif!

How i can do this?
« Last Edit: August 17, 2006, 09:12:34 PM by tdkpaul »

Offline max.cady

  • Jr. Member
  • **
  • Posts: 67
    • View Profile
Re: JavaScript + CSS = Nice Picture Display
« Reply #12 on: September 11, 2006, 08:12:55 AM »
Hi, can anybody tell me where to place the rel="lightbox" to activate the script?

I tried it with media/jpg.html
[qcode]<img src="{media_src}" border="1" alt="{image_name}"{width_height} rel="lightbox" /><br />[/qcode]

but it doesn't work this way on my site ...

What am I doing wrong?

Offline max.cady

  • Jr. Member
  • **
  • Posts: 67
    • View Profile
Re: JavaScript + CSS = Nice Picture Display
« Reply #13 on: September 12, 2006, 06:32:16 AM »
can nobody tell me where to put the rel="lightbox"?

Offline mawenzi

  • 4images Moderator
  • 4images Guru
  • *****
  • Posts: 4.500
    • View Profile
Re: JavaScript + CSS = Nice Picture Display
« Reply #14 on: September 12, 2006, 02:19:13 PM »
Quote from: www.huddletogether.com
Add a rel="lightbox" attribute to any link tag to activate the lightbox.
For example:

<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

Link : http://www.huddletogether.com/projects/lightbox2/#support
Your first three "must do" before you ask a question ! ( © by V@no )
- please read the Forum Rules ...
- please study the FAQ ...
- please try to Search for your answer ...

You are on search for top 4images MOD's ?
- then please search here ... Mawenzi's Top 100+ MOD List (unsorted sorted) ...

 

Post your comments here