• Page 1 of 1
  • 1
Forum moderator: Eriko  
uCoz Community » uCoz Modules » Photo Albums » lightbox functionality (how can i combine images in a set, how can configure lightbo)
lightbox functionality
dvhout
Posts: 7
Reputation: 0

Message # 1 | 10:37 AM
i want to use the build-in lightbox functionality, which seems very useful.

but i can't find out how I can use the upload function, which result in codes like: $IMAGE1$, $IMAGE2$ ....$IMAGEx$.
I want to navigate through a set images with a floating 'next' and 'previous' button, is it possible to make a set?

is there a way to configure the visualization of the floating images? is it possible to fade the site, is it possible to add a title or extra information underneath the floating picture?
(low priority: the floating image already comes with a button, named 'toggle size' which isn't working is it possible to remove this button)

thanks already
d

--update--
I couldn't find the article "Editing of Ligthbox appearance" by the search engine of this forum, because i was looking for lightbox.
I will look in this article for the answers to my questions.

Added (2012-06-21, 4:37 AM)
---------------------------------------------
I have a workaround for making a set or group of images which can be opened with a floating next or previous arrow, at the right or left site of the large image.

add the code as described in http://forum.ucoz.com/forum/13-15788-1 "Editing of Ligthbox appearance" (might be changed in: "Editing of Lightbox appearance")
in: control panel -> Design -> Design management (templates) -> Bottom part of the website

place the next html code:

Code
<a href="http://...large_1.jpg" class="ulightbox" rel="gallery" title="Sample title 1"><img src="http://...small_1.jpg"></a>  
<a href="http://...large_2.jpg" class="ulightbox" rel="gallery" title="Sample title 1"><img src="http://...small_2.jpg"></a>

the set or groupname is defined by 'rel', in this case the groupname is gallery

good luck!
d
Post edited by dvhout - Thursday, 2012-06-21, 9:38 AM
zhy-jones
Posts: 29
Reputation: 1

Message # 2 | 10:51 AM
I think I know where I can change the preferences of the ulightbox.
in the source of my site i found the following link

i think i must change the following code in "visibility: visable"
Code
.fancybox-title {
  visibility: hidden;  
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 10015;
}


can i change this file? i expect that i can't. can i copy the css file, and start pointing at my own ulightbox.css file instead of the standard?

tanks already
zhy
Paradox
Old Guard
Posts: 3284
Reputation: 145

Message # 3 | 11:45 AM
zhy-jones, if you embed the new styles within the page it will work. smile Alternatively you can use jQuery to replace the existing link to the CSS with a new one. wink
Jack of all trades in development, design, strategy.
Working as a Support Engineer.
Been here for 13 years and counting.
zhy-jones
Posts: 29
Reputation: 1

Message # 4 | 9:11 AM
embed a new style?
so I have to point to an other css? but how do i stop pointing at the 'old' css file? I assume that I might better not point to both css-files at the same time.

I don't understand the alternative, can you give me one more clue?
does this mean, the page will be load with the old css-file in the first place, to replace it with another afterwards? does this make my page unnecessary inefficient/slow? or is this replace action done every time the site is rebuild?

thanks already
zhy
Phantom_of_the_Opera
Posts: 25
Reputation: 3

Message # 5 | 12:08 PM
Quote
so I have to point to an other css?

you can set style for:
1. whole site
2. any page
3. any element on page

Quote
or is this replace action done every time the site is rebuild?

when you change .css file from standart template it's automatically changes to my.css

Quote
does this make my page unnecessary inefficient/slow?

sounds like JavaScript smile css itself can not slow down loading of page. but 5mb picture on background - can smile

uCoz Community » uCoz Modules » Photo Albums » lightbox functionality (how can i combine images in a set, how can configure lightbo)
  • Page 1 of 1
  • 1
Search: