You are not logged in.

Announcement

Forum database was corrupt and an old backup was restored as temporary replacement. Registrations closed until the database is recovered. Please ask questions using the Contact form

#1 11-06-2013 01:30:34

Timon
Contributors
From: Poland
Registered: 25-05-2013
Posts: 44
Website

Questions I still need anwsers for ;)

Hey Thomas, I know you're busy lately but I'd be grateful if you will spare me some time. Site for my parents in law is almost finished, I just need to know few more things to make it shine full glory smile.

www.rozawiatrow.net

#1: Scroll v/h change while sidepanel is open (http://metro-webdesign.info/forum/viewtopic.php?id=210). You gave me an anwser, but it's not working. I can make panel wider and create 3 colums if you won't figure it out, yet still 2 tiles width is just fine, 3 tiles width can ruin a balance wink.

#2: Lightbox on a subpage using integrated lightbox (http://metro-webdesign.info/forum/viewtopic.php?id=122). This topic kinda left that subject now.. Long story short: I used this code:

<p><a href="img/gastronomia_map_b.jpg" class="lb"> 
<img src="img/gastronomia_map_s.jpg" width="765" height="300" alt="Mapa gastronomiczna">
</a>
<script>
$(".lb").each(function(){
$(this).lightBox();
});
</script>
</p>

and replaced lightbox/plugin.js with this http://www.sourcepod.com/twhbtf88-5047 - as chrisly said. Lightbox works now on subpage (yet still with a glitch) - http://rozawiatrow.net/#!/gastronomia - bottom map, while clicked it opens bigger image, but so low that we can see only half of it (checked both IE and Chrome). Aaaaand lighbox tile on main page stopped working

$tile[] = array("type"=>"img","group"=>0,"x"=>4,"y"=>1,"width"=>1,"height"=>1,
	"img"=>"img/wlasciciele.jpg","labelText"=>"My","labelPosition"=>"bottom","url"=>"external:img/wlasciciele_b.jpg","classes"=>"lightbox","desc"=>"");

it opens in new tab now. (and I believe that this bug http://metro-webdesign.info/forum/viewtopic.php?id=189 still exist as I replaced whole lightbox/plugin.js again).

(To Chrisly: Maybe you will guide me step by step to integrate lightbox you have? Btw. new background is brighter, page isn't so cold now, but I guess previous one suits you better tongue)

#3: Tiles on subpage. How to add 'em? It's my other idea of gallery - just put tiles on subpage and add lighbox class. But I believe I would be unable to group images so user would go to next image by clicking button in lighbox window. So it doesn't matter if I will figure out gallery plugin.

Last edited by Timon (11-06-2013 01:32:23)

Offline

#2 11-06-2013 08:37:00

chrisly
Contributors
From: Germany
Registered: 05-05-2013
Posts: 80
Website

Re: Questions I still need anwsers for ;)

Timon wrote:

(To Chrisly: Maybe you will guide me step by step to integrate lightbox you have? Btw. new background is brighter, page isn't so cold now, but I guess previous one suits you better tongue)

It´s summer now, this is the reason for the new background smile

Regading the lightbox...

Sure, it´s the colorbox... http://www.jacklmoore.com/colorbox/

here are the working files... https://www.dropbox.com/s/gj9ypqv3qa2oo … master.zip

just add this to the plugin folder from your page and add the following code to the <head> of the index.html

<link rel="stylesheet" href="plugins/colorbox-master/example3/plugin.css" />

You can define the classes and parameter at the end of the plugin.js ...
my examples are

$("a.colorbox").colorbox({maxWidth:"80%", maxHeight:"80%",scalePhotos:true,transition:"fade"});
$("a.youtube").colorbox({iframe:true, innerWidth:"80%", innerHeight:"80%"});
$("a.vimeo").colorbox({iframe:true, innerWidth:"80%", innerHeight:"80%"});
$('a.iframe').colorbox({iframe:true, innerWidth:"80%", innerHeight:"80%"});
$('a.gallery2').colorbox({rel:'group2', maxWidth:"80%", maxHeight:"80%",scalePhotos:true,transition:"fade"});

In this case the classes are colorbox, youtube,vimeo,iframe and gallery2... Gallery2 allows you to group pictures.

Include this to a subpage where you want a gallery or something... or it will not work there. gallery1 is here the class and can changes to whatever you want

<link rel="stylesheet" href="plugins/colorbox-master/example3/plugin.css" />

<script>
    $('a.gallery1').colorbox({ rel:'group1', maxWidth:"80%", maxHeight:"80%",scalePhotos:true,transition:"fade"});
</script>

You can also change the theme of the colorbox 5 included and can be tested here http://www.jacklmoore.com/colorbox/ the demo buttons in the top.

I use theme number 3.
(the "plugins/colorbox-master/example3/plugin.css" is theme3, you see it in the codes up here).

When you want to use a other example change the name in the subfolder example 1-5 from the css to plugin.css and use e.g. "plugins/colorbox-master/example5/plugin.css" instead of "plugins/colorbox-master/example3/plugin.css"

Last edited by chrisly (11-06-2013 08:55:54)

Offline

#3 12-06-2013 01:43:30

Timon
Contributors
From: Poland
Registered: 25-05-2013
Posts: 44
Website

Re: Questions I still need anwsers for ;)

Thanks Chrisly. At first I downloaded newest (?) version from http://www.jacklmoore.com/colorbox/ and was a bit confused, but finally I got this. I've already implemented this and thanks to you I have gallery I wanted! smile Used 2nd example, it's simplier and suites my site better, just changed background from white to black. Also I've altered loading gif using this one: http://preloaders.net/en/search/windows%208. Thanks again.

Last edited by Timon (12-06-2013 01:43:57)

Offline

#4 12-06-2013 07:15:04

chrisly
Contributors
From: Germany
Registered: 05-05-2013
Posts: 80
Website

Re: Questions I still need anwsers for ;)

looks good! smile

Offline

#5 12-06-2013 10:46:20

Thomas
Administrator
Registered: 10-03-2013
Posts: 897

Re: Questions I still need anwsers for ;)

Just wondering; is #3 already fixed? Since it seems you have a gallery on your site.

Offline

Board footer

Powered by FluxBB