Welcome, Guest. Please login or register.
Did you miss your activation email?
February 12, 2012, 02:43:52 AM

Login with username, password and session length
Search:     Advanced search
Wollen Sie dem WebsiteBaker Team beitreten?
Nähere Informationen finden Sie unter hier und auf unserer neuen Webseite.
149621 Posts in 21098 Topics by 7537 Members
Latest Member: lotte2
* Home Help Search Login Register
Pages: [1] 2   Go Down
Print
Author Topic: New module Fancy Brax box Gallery  (Read 7258 times)
maxbrax

Offline Offline

Posts: 66



WWW
« on: May 01, 2009, 12:36:33 PM »

Hi to all

I created a module for the image gallery with the effect Fancy box.

The starting point is the Image Gallery module which I 1.8RC5b
Ligth effect replaced the box with the effect of fancy zoom box.

Everything works well on Google but on chrome firfox and internet expolrer
this is the following problem: only the first image works with
the effect Fancy Box and all the effect does not seem to be applied.

Who gives me a hand to solve this Bug?

I put here a form that I adapted.

the link to see where the effect is this:
http://www.maxbrax.com/pages/java-script/fancybox.php

« Last Edit: May 01, 2009, 12:42:51 PM by maxbrax » Logged

BerndJM

Offline Offline

Posts: 1764



« Reply #1 on: May 01, 2009, 02:26:49 PM »

Hi,

just had a short look on your generated source-code - I think every pic should have a unique id ...

Regards Bernd
Logged

In theory, there is no difference between theory and practice. But, in practice, there is.
maxbrax

Offline Offline

Posts: 66



WWW
« Reply #2 on: May 02, 2009, 09:56:54 AM »

Hi,

just had a short look on your generated source-code - I think every pic should have a unique id ...

Regards Bernd

I think it strange that every image should have a unique ID, however, with
browsers Mozilla Firefox and Chrome works well only with IExplorer
not right.  cry
Logged

FrankH

Offline Offline

Posts: 735


WWW
« Reply #3 on: May 02, 2009, 01:07:48 PM »

I think it strange that every image should have a unique ID,

ID means identifier.
How will you identify something when different objects have the same ID?
Logged

Ochs und Esel in ihrem Lauf
halt ich leider auch nicht auf
BerndJM

Offline Offline

Posts: 1764



« Reply #4 on: May 02, 2009, 01:43:43 PM »

In your first custom.js you call fancybox for
Code:
$("a#single_1").fancybox();
$("a#single_2").fancybox();
$("a#single_3").fancybox();
but the a's for the 3 pics have all the same id
Code:
id="single_2"
So ... what the script should do?
Quote
with browsers Mozilla Firefox and Chrome works well only with IExplorer
not right.
It even didn't work in F3 (Linux)

Regards Bernd
Logged

In theory, there is no difference between theory and practice. But, in practice, there is.
maxbrax

Offline Offline

Posts: 66



WWW
« Reply #5 on: May 07, 2009, 10:57:32 PM »

OK now work grin grin grin

http://www.maxbrax.com/pages/java-script/fancybox.php
Logged

melsim

Offline Offline

Posts: 2


« Reply #6 on: May 12, 2009, 01:13:51 AM »

The thumbnails in my gallery is not showing cry
Logged
BerndJM

Offline Offline

Posts: 1764



« Reply #7 on: May 12, 2009, 02:20:18 AM »

Quote
The thumbnails in my gallery is not showing
oki ... and my glass of wine is empty ...  evil

Could you provide a little bit more info ... please  undecided

Regards Bernd
Logged

In theory, there is no difference between theory and practice. But, in practice, there is.
maxbrax

Offline Offline

Posts: 66



WWW
« Reply #8 on: May 13, 2009, 09:25:37 PM »

Hi to all  grin

i have update the module. Now work on the IE6.

I solved the problem by editing the file custom.js by changing the definitions
of  single_1   single_2   and  single_3 from ID to a CLASS. wink

Please run a test operation and  report me for any bug
« Last Edit: May 13, 2009, 09:27:49 PM by maxbrax » Logged

dbs
WebsiteBaker Org e.V.

Offline Offline

Posts: 3262


WWW
« Reply #9 on: May 18, 2009, 06:51:08 AM »

hi, thank you for that nice modul. good job!
it works fine. is this the final version?
html-code(for font-color) in the fields title or alt/title is not allowed?

regards
dbs
Logged

dbs
WebsiteBaker Org e.V.

Offline Offline

Posts: 3262


WWW
« Reply #10 on: May 18, 2009, 07:57:25 AM »

little problem now. in the source-code of my test-side i found a end-div without starting-div.
this makes my footer confuse. *g*

Code:
</table> </div>
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="display: none">
<tr>
<td width="35%" align="left"></td>
<td width="30%" align="center"></td>
<td width="35%" align="right"></td>

</tr>
</table>


update:
in the add.php is this end-div. i delete it and now it's fine. wink
« Last Edit: May 18, 2009, 08:11:14 AM by dbs » Logged

maxbrax

Offline Offline

Posts: 66



WWW
« Reply #11 on: May 18, 2009, 09:17:34 AM »

you're right, what you said is correct  wink. I forgot to delete it from previous tests done.

As soon  as possible I will make some modifications in order to add further effects.
Moreover I would like to change the backend too to manage better the various zoom effects.

Here see the new module with updated bug:
Logged

Luisehahne
Board Member
Development Team
*****
Offline Offline

Posts: 2949



WWW
« Reply #12 on: May 18, 2009, 05:36:08 PM »

Hallo MaxBrax,

I like fancy, i saw on your side that fancy is running with jquery and the zip ist with scriptaculous.js and prototype.js

why? I think jquery is the future. Ok there will be a function noconflict. But because i was confused that fancy on your side is runnung with jquery.

Greetings
Dietmar
Logged

We are human beings - and nobody is perfect at all.
dbs
WebsiteBaker Org e.V.

Offline Offline

Posts: 3262


WWW
« Reply #13 on: June 03, 2009, 08:10:59 PM »

hi maxbrax,

new version? what are the changes?

dbs
Logged

deb01

Offline Offline

Posts: 75


« Reply #14 on: June 09, 2009, 05:28:28 PM »

the problem with the gallery is that a visitor that tries to zoom a image when the page is not loaded completely will be viewed standalone. As soon as he waits some seconds the script and the great effect will apply.

Is there a way to avoid this?

Thanks!
Logged
snark
Guest
« Reply #15 on: June 16, 2009, 06:10:13 PM »

is it possible to relate the pics and have next »»  and   «« previous buttons like f.i. the lightbox script has
Logged
maxbrax

Offline Offline

Posts: 66



WWW
« Reply #16 on: June 20, 2009, 02:20:10 PM »

dear SNARK
   
i can just see if I can integrate what I ask, in fact I'd like to enter the buttons next and prev
but unfortunately  cry  at the moment I can not make this change.

However if some one can help me  wink  i would be really grateful. In fact i would like to modify the form to avoid manually enter the individual pictures and upload them automatically as in module gallery type  smoothgallerie or slideshow2gal.
Logged

snark
Guest
« Reply #17 on: June 20, 2009, 11:18:24 PM »

dear SNARK
 In fact i would like to modify the form to avoid manually enter the individual pictures and upload them automatically as in module gallery type  smoothgallerie or slideshow2gal.


then you would probably loose the option to enter descriptions for the individual files... and that is something I really like
Logged
maxbrax

Offline Offline

Posts: 66



WWW
« Reply #18 on: June 22, 2009, 07:33:19 PM »

it is true what you say, but in some cases it may be useful to use
with the fast loading of images pick automatically from a folder and giving the name equivalent to the description of each photo  wink.

In any event i am preparing a new version of the gallery using
Highslide library with similar effect to that already presented, but
with the buttons next, prev and play for sliding images
automatically.

I hope to present it to the weekend.
Logged

snark
Guest
« Reply #19 on: October 16, 2009, 06:23:27 AM »

hey there,

have you succeeded in inplementing a next and previous option?

Logged
alexi84

Offline Offline

Posts: 2


« Reply #20 on: October 29, 2009, 02:57:48 PM »

Hi!

Is there any way to show the [DESCRIPTION] as opposed to the [TITLE] for once the image is clicked on?

I've been scratching my head all day!ß

 afro
Logged
slvvn

Offline Offline

Posts: 4


« Reply #21 on: November 07, 2009, 06:49:57 PM »

to show the prev and next buttons just change the loop field in the settings to

<td>
<center>
<a class="single_3" rel="group"   href="[LINK]"  title="[ALTTITLE]">
[THUMB]
<br />
[TITLE]
</a><br />
[DESCRIPTION]
</center>
</td>
Logged
slvvn

Offline Offline

Posts: 4


« Reply #22 on: November 07, 2009, 07:05:02 PM »

also alexi84 if you want to display the description and it isn't too long you could try replacing title="[ALTTITLE]"

with  title=" [DESCRIPTION] "


<td>
<center>
<a class="single_3" rel="group"   href="[LINK]"  title=" [DESCRIPTION] " >
[THUMB]
<br />
[TITLE]
</a><br />
<div width="150px">[DESCRIPTION]</div>
</center>
</td>
Logged
alexi84

Offline Offline

Posts: 2


« Reply #23 on: November 09, 2009, 12:35:03 PM »

that's what i had initially done, but in order to see the effect, i had to remove the entire gallery and then re-do it. (i.e. upload the pictures again) Only figured that out after the post!

now i am trying to figure out who to do a whole big description without breaking the images!!  afro

any clues??
Logged
Paradontax

Offline Offline

Posts: 55



« Reply #24 on: December 04, 2009, 10:35:06 PM »

Is it possible to get png images in the gallery? I have products with a transparant background i want to show.
They are now processed into jpg. undecided

Greetz,
Leo


Logged
Pages: [1] 2   Go Up
Print
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.16 | SMF © 2011, Simple Machines Valid XHTML 1.0! Valid CSS!