installing Galleria need help

Finally found a gallery i really like but im having a hard time getting it to work in zencart.

http://galleria.aino.se/

thats the site where it gives you all the files and instructions to get it going. i loaded all the .JS in my header file TPL_HEADER.PHP

and did all the <div class="images"><img src="me.jpg"><img src="you.jpg"></div> on page_4.php
and also

but i get nothing at all.

https://www.notoriousarc.com click Gallery.

some help would be appreciated. i really like this gallery and my photoshoot is in 2 days and i need to have this figured out so i can post all my stuff soon after all the photos are cleaned up in photoshop. thank you guys very much.

i also tried copying the page source from
http://galleria.aino.se/media/galleria/src/themes/classic/classic-demo.html
and i get nothing at all.

i loaded all the .JS in my header file TPL_HEADER.PHP
js needs to be renamed to jscript_whatever.js as outlined in tutorial
https://www.zen-cart.com/tutorials/index.php?article=36

Probably add to /modules/pages/page_4/html_header.php along with renamed jscript files

tried what it said in that tut. with no success. Anymore suggestions? Thank you for the help

tried what it said in that tut. with no success
Not descriptive of precisely what you did....

i added the files to the header_php.php in the page 4 section. now if you click on the Gallery section of my site you get a messed up wesbite.

https://www.notoriousarc.com GALLERY

i added the files to the header_php.php in the page 4 sectionFiles can not be added only code

What code did you endup with

What/where are the .js files - - path

What .js file names are there

<script type="text/javascript" src="galleria/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="galleria/galleria.js"></script>
<script>Galleria.loadTheme('galleria/galleria.classic.js');</script>

then used the define page editor in the admin to add code to define page 4```

What code did you endup with - - Is what you posted all that is in that file?
Need to know total contents

AND
What/where are the .js files - - path

What .js file names are there

LOCATIONS:
notoriousarc.com/galleria/galleria.classic.js
notoriousarc.com/galleria/galleria.js
notoriousarc.com/galleria/jquery-1.4.2.min.js

JS FILE NAMES:
galleria.classic.js
galleria.js
jquery-1.4.2.min.js

THERES ALSO A CSS FILE but i dont know how to get that working.
LOCATION:
notoriousarc.com/galleria/galleria.classic.css
FILENAME
galleria.classic.css

The code i post in the modules/pages/page_4/header_php.php is:

<script type="text/javascript" src="galleria/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="galleria/galleria.js"></script>
<script>Galleria.loadTheme('galleria/galleria.classic.js');</script>

Then in the define pages editor i posted code:

<div class="images"><img src="images/bullit1.jpg"></div>
<script>$('.images').galleria();</script>

not sure if i can have script run from the define pages editor. i might have to edit the acutal page so that i can stop the PHP fuction and then run the script. but i could be wrong, im just truely at a loss. ive been trying to get several types of JS galleries working with about the same success.

I appreciate your help

Read the tutorial as you have not renamed the .js file

Read my post #3 as you have not placed the .js in the mosules/pages/page_4 folder

That is a php file and initiall had some php code that you needed to add to - - not delete it

i am truely stumped on how to get this thing working. im at the point where i would pay someone to help me get this working correctly. If interested and know your stuff please let me know how much. i need this working very soon.

whenever i have the JS load into the header_php which is located in the module section. it just messes up the whole website.

whenever i have the JS load into the header_php which is located in the module section. it just messes up the whole website.
Post the contents of how you have added it

ok so i renamed all the JS files to:
jscript_galleria.classic.js
jscript_galleria.js
jscript_jquery_min.js

and i put them into the JS folder in my CUSTOM template:
/includes/templates/CUSTOM/jscript
By doing that they load on every page pulled up. View page source to verify.

Also loaded the:
stylesheet_galleria.classic.css

into the CSS folder, that also its pulled up on everypage now.

So i then went into:
/includes/languages/english/html_includes/CUSTOM/define_gallery.php

added code:

as soon as i add:

to that file, it does that same thing and makes the website all jacked up.

whenever i have the JS load into the header_php which is located in the module section. it just messes up the whole website.
Post the contents of how you have added it to html_header.php
ok so i renamed all the JS files to:
jscript_galleria.classic.js
jscript_galleria.js
jscript_jquery_min.js

and** i put them into the JS folder in my CUSTOM template**:
/includes/templates/CUSTOM/jscript
By doing that they load on every page pulled up. View page source to verify.
Move them to the /modules/pages/page_4/ folder

i cant figure this out for the life of me. Any suggestions on something easier to install/figure out? thank you

I made a new define page called "Gallery" with the define page generator from the addon section.

I pasted all the javascripts in the module/pages/gallery folder

jscript_galleria.classic
jscript_galleria
jscript_jquery.min

looking at all page source on the gallery page. i see that the scripts are loading.

i also placed the css file for the gallery in templates/custom/css

can see that it also loaded by viewing the page source.

Now in the define pages editor i added:

<script src="http://notoriousarc.com/includes/modules/pages/gallery/jquery.min.js"></script>
<script src="http://notoriousarc.com/includes/modules/pages/gallery/jscript_galleria.js"></script>
<script>Galleria.loadTheme('galleria/jscript_galleria.classic.js');</script>
<div class="images"><img src="images/bullit1.jpg"><img src="images/bullit.jpg"></div>
<script>$('.images').galleria();</script>

the page just comes up blank. i also took out

<script src="http://notoriousarc.com/includes/modules/pages/gallery/jquery.min.js"></script>
<script src="http://notoriousarc.com/includes/modules/pages/gallery/jscript_galleria.js"></script>
<script>Galleria.loadTheme('galleria/jscript_galleria.classic.js');</script>

and just left

<div class="images"><img src="images/bullit1.jpg"><img src="images/bullit.jpg"></div>
<script>$('.images').galleria();</script>

but when i do that it just displays the 2 images on top of eachother.
im at a total loss

You said the page just comes up blank? Did you try this? https://www.zen-cart.com/tutorials/index.php?article=82

https://www.notoriousarc.com click on gallery. its not blank but if i add all the script to the define page its empty. if i remove it it just shows the images on top of eachother