Hey there, having a noobie question about installing Movingboxes script - CSS-Tricks

This topic is empty.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
May 28, 2012 at 11:05 am #38250
amitd
Participant
hey all,
after reading the documentation, and trying to understand from viewing source code,
iam still cant figure how to install, Moving boxes image gallery (https://css-tricks.com/moving-boxes/) on my page.
i downloaded all the files and place it where it should be. do i have to put any other code on my page? besides this:
```
elseif ($str == "work") { echo'

























99ZoneFull web tamplet


Add a short exerpt here... more


';
```
note that a PHP page generate this code and it displays by clicking on a link that call ajaxrequest(Thisfile.php).
thanks all :)
May 28, 2012 at 12:55 pm #103579

gilgimech
Participant

Well, from the code you posted it looks like you might have some stuff in the wrong place on your site.

Everything from <!– Required CSS –> to </style> needs to be in the <head></head> tags. I can’t tell for sure without a link to your site, but it looks like to me that you’re trying to put all that in the <body> tag.

May 28, 2012 at 3:53 pm #103582

amitd
Participant

well, its not the problem, I am aware the syntax and markup for html and i know it should be placed inside the section but although i tried to do so, it doesn’t work.
the code i posted is a part of a php file that should print this content inside a DIV, and it does print it. but from some reason the Movingboxes dosent display at all, like the

is meaningless and nothing happens.
i have a feeling that i just miss something.how come this plug-in has no tutorial for “installation”?

May 28, 2012 at 4:30 pm #103583

Senff
Participant

I don’t think we’d be able to help unless you would share a link where we can see that page in action.

May 28, 2012 at 4:41 pm #103584
amitd
Participant
Sorry, there it is
http://www.99zone.co.il/forum/amit/webb2.php
this is the homepage the the gallery should appear in the content box when clicking “My work” in the menu, the relevant code from process.php is what iv’e posted above^, thanks!

i think i understand the problem, now i need a creative solution–
since Ajax script output the Movindboxes code into a specific div after everything else loads, so the
does not get any effect from the java-scripts and probably the css scripts as well.
so how can i execute those scripts after ajax output the code?
June 2, 2012 at 9:22 am #103806

Mottie
Member

Hi amitd!

I see two problems here. First, the javascript is written to initialize “#slider” which doesn’t exist. It looks like “#slider-two” does.

Secondly, when I view the source of the site, all of the code that is added using php echo is added to the page head, including the slider html. The browser automatically removes html from the head. So, either move that entire echo block into the page body (not ideal) or separate the echo into two parts. One part for the css and javascript in the head and the second part for the html in the body.
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

The forum ‘JavaScript’ is closed to new topics and replies.

99ZoneFull web tamplet