Welcome to Gaia! ::

Codename Eulogy's avatar

Hunter

I'm learning basic computing code, so I volunteered to put some things up on a site for my friend while she's away. My problem is with a slideshow. I downloaded a program [javascript slideshow maker] to help me, as java is something that completely buggers me. >_<

It generated code like this


&html&
&head&
&meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&
&script type="text/javascript\"&window.onerror = function(){return true;}&/script&

&!-- Copy to the head section of your webpage --&
&script type="text/javascript\" src="js/jquery.js"&&/script&
&script type="text/javascript\" src="js/mhgallery.js"&&/script&
&script type="text/javascript\" src="js/initgallery.js"&&/script&
&link rel="stylesheet" href="js/mhgallery.css" type="text/css" /&
&!-- End of head section codes --&

&/head&
&body&
<div style="text-align:center;">

&!-- Copy to where you want to display the Slideshow --&
<div id="mhgallery">
&style type="text/css"& #mhgallery img { display:none; } &/style&
<img src="images/old school image.jpg" title="old school image" />
<img src="images/P6010038.jpg" title="P6010038" />
<img src="images/P9150091.jpg" title="P9150091" />
<img src="images/Building 2.JPG" title="Building 2" />
<img src="images/Building 3.JPG" title="Building 3" />
<img src="images/Building 4.JPG" title="Building 4" />
<img src="images/Building.JPG" title="Building" />
<img src="images/Digger on site.JPG" title="Digger on site" />
<img src="images/New Entrance.JPG" title="New Entrance" />
</li>
<li><a href="/schoolhistory.html" accesskey="2" title="">School History</a></li>
<li><a href="/GeneralInfo.html" accesskey="3" title="">Information</a></li>
<li><a href="/Achievements.html" accesskey="4" title="">Achievements</a></li>
<li><a href="/contact.html" accesskey="5" title="">Contact</a></li>
</ul>

</div>
...
...
...

&body&
<div style="text-align:center;">

&!-- Copy to where you want to display the Slideshow --&
<div id="mhgallery">
&style type="text/css"& #mhgallery img { display: } &/style&
<img src="images/old school image.jpg" title="old school image" />
<img src="images/P6010038_tn.jpg" title="P6010038" />
<img src="images/P9150091_tn.jpg" title="P9150091" />
<img src="images/Building 2_tn.JPG" title="Building 2" />
<img src="images/Building 3_tn.JPG" title="Building 3" />
<img src="images/Building 4_tn.JPG" title="Building 4" />
<img src="images/Building_tn.JPG" title="Building" />
<img src="images/Digger on site_tn.JPG" title="Digger on site" />
<img src="images/New Entrance_tn.JPG" title="New Entrance" />
<a class="sliderengine" href="http://www.magichtml.com/javascriptslideshow/index.html">Created by JavaScript Slideshow Maker</a>
</div>
&!-- End of Slideshow codes --&

</div>


As I said, I know next to nothing about Java, so please explain things clearly! It would really appreiciate it if you could help solve this problem or suggest an alternative for me!
it tells you on the code what to do
Quote:
Copy to where you want to display the Slideshow
But you need to know what set up and every thing you friend has then you need to know where to put the code but yes one of the people here will be able to help you if they want.

Step 1 i can tell you for a fact take that code copy it in to a note pad then paste and save as.so if something happens when your working with it you have an error free copy or i should say a working copy.
Scriptkitten's avatar

Lucky Star

OP: Gaia eats code, please paste the original on pastebin and post the link to it here.

http://pastebin.com/
Celestine-hime's avatar

Sparkling Star

You didn't state your problem but I'm assuming your code is not working.

So the important file links needs to go between the header tags (&head& and &/head& ):
&script type="text/javascript\" src="js/jquery.js"&&/script&
&script type="text/javascript\" src="js/mhgallery.js"&&/script&
&script type="text/javascript\" src="js/initgallery.js"&&/script&
&link rel="stylesheet" href="js/mhgallery.css" type="text/css" /&

This also means you better have a sub-folder named js containing the 4 files (jquery.js, mhgallery.js, initgallery.js, and mhgallery.css)

The code that goes between your body tags or where you want the slideshow to display on your webpage begins with:
<div id="mhgallery">
&style type="text/css"& #mhgallery img { display:none; } &/style&

...and is followed by:
<img src="image URL" title="Image Title" />
for every image you want to put up.

Finally, close the div with </div>
Meh here's a javascript tutorial that should give you some basic understanding of javascript. http://www.w3schools.com/js/default.asp

Quick Reply

Submit
Manage Your Items
Other Stuff
Get GCash
Offers
Get Items
More Items
Where Everyone Hangs Out
Other Community Areas
Virtual Spaces
Fun Stuff
Gaia's Games