JQuery Galleryview in zen cart

[rapro]

Aliepinieks thanks for respond

I forgot to say that i tryed jquerry 1.2.3, 1.3.2 and now i have the latest 1.4.2 running

I did not tryed to use different or newver version of easing or timer jscripts.

Gonna try it out now.

What do u mean by "try moving the javascript to includes/templates/YOURTEMPLATE/common/html_header.php." ?

I have one litle part in there and other scripts working on "preload?"
I have them in includes/templates/custom/jscript and i added jscript_ before each of them so they are loaded on all pages.

Oki tnx for now gonna try different easing and timer js.

[ALiepinieks]

this last point is possibly the most important in my opinion, as this is one of the key locations for files requiring edits when customising a ZC installation. i would concentrate on this before fiddlign with different versions, as while they can have an impact, it is more likely the fact your scripts and your html are not loading in the right sequence.

the jscript should be placed into /includes/templates/YOURTEMPLATE/common/html_header.php, where YOURTEMPLATE is your customised override folder (as explained in the zen-cart FAQ's). if you do not have an override folder structure, i urge you to look at the FAQ's before proceeding. while you will not save time now, you will in future as aspirations for your site grow and upgrades become more important.

as previously suiggested, i would recommend you place the script immediately before the closing </head> tag in this file. hope this helps, as i'm not sure how much clearer i can be here.

andrejs

[kelvyn]

Hello again. You need to help us to help you. For example, I suggested you use Firebug to diagnose some problems.

the problem is that it somehow does not see smaal pictures and prev.gif and next.gif.

If you used Firebug, you would see:
""NetworkError: 403 Forbidden - http://www.witgoedextra.nl/wxt/includes/templates/wxt/jscript/jscript_themes/dark/next.gif""

You need to change permissions on those prev/next files to be something like 644, at the moment the permissions are wrong. Look for chmod in your ftp client.

Next, I suggested you change the transition time from zero.

The timer does work tho so i can let it change every 5 or 10 sec.

Cant figure it out

Well, this is because you didn't change the transition time from zero, like I suggested.

So, your original code as I found it:
http://www.digitaltoast.co.uk/zen/wit1.php

now after 5 seconds work to change

transition_interval: 0
to
transition_interval: 3000

it looks like this http://www.digitaltoast.co.uk/zen/wit1.php.
But still no thumbnail.

Now what I am most confused about is how you have got from the example code of this:

<li><span class="panel-overlay">This is an overlay</span><img src="http://appleton.me/wp-content/themes/appleton.me 1.6/images/01.jpg" /></li>

to this:

<div class="panel" style="width: 800px; height: 300px; position: absolute; overflow: hidden; top: 5px; left: 5px; display: none;">
<img src="http://www.witgoedextra.nl/wxt/includes/templates/wxt/images/gallery/01.jpg" style="height: 300px; width: 800px; position: relative; top: 0px; left: 0px;" alt="test"></img>
<span class="panel-overlay" style="position: absolute; z-index: 999; width: 778px; left: 0pt; bottom: 0px;">This is an overlay</span>

I have no idea where all that other stuff came from, but it will definitely break the plugin!

And you cannot use img tags like this

<img src="http://www.witgoedextra.nl/wxt/includes/templates/wxt/images/gallery/01.jpg"></img>

It must be:

<img src="http://www.witgoedextra.nl/wxt/includes/templates/wxt/images/gallery/01.jpg" />

Again, if you used that validator, it would tell you about this.

So, I stripped out all that extra stuff, and just used the example code with your links (1 minute) and now it looks like:
http://www.digitaltoast.co.uk/zen/wit3.php

So, now you just need permissions for your arrows.

We all started out new sometime, but if you are just starting with html and stuff, then it's good to look CLOSELY at what other people have done, and how and why it works.

[rapro]

Wow guys thank you so much !!!

Kelvyn u opened my eyes! this is it the hole code is wrong. i got all this code from furebug i dont know where and how u got ur code and where and how u do see errors in firebug but now i know that it all wrong.

I did played with different tansitions intervals but putted it to 0 again to keep it "original".

About image tags i didnt knew it. It gave errors at http://validator.w3.org/ and when i changed it to </img> error at those lines where gone so i thought it was oke like this.

Now i am not sure if we using same firebug i added ss from my firefox bottom.
http://img197.imageshack.us/img197/3279/fi

Thank you once again! i got some work to do

[kelvyn]

Wow guys thank you so much !!!

Kelvyn u opened my eyes! this is it the hole code is wrong. i got all this code from furebug i dont know where and how u got ur code

Well, you said you were looking at the site http://appleton.me/galleryview/

So I thought "well, that works... VIEW > SOURCE". That's all.

and where and how u do see errors in firebug but now i know that it all wrong.

I did played with different tansitions intervals but putted it to 0 again to keep it "original".

About image tags i didnt knew it. It gave errors at http://validator.w3.org/ and when i changed it to </img> error at those lines where gone so i thought it was oke like this.

Now i am not sure if we using same firebug i added ss from my firefox bottom.
http://img197.imageshack.us/img197/3279/fi

Thank you once again! i got some work to do

No problem! Glad we got there in the end :)

The extension Firebug is here:
https://addons.mozilla.org/en-US/firefox/addon/1843/

You open firebug, click on "console", then reload your page. You will see the errors. Don't worry about CSS errors too much.

You can also see html and script errors on the different tabs, too.

Good luck!