• Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Jeanne Boyarsky
  • Ron McLeod
  • Paul Clapham
  • Liutauras Vilda
Sheriffs:
  • paul wheaton
  • Rob Spoor
  • Devaka Cooray
Saloon Keepers:
  • Stephan van Hulst
  • Tim Holloway
  • Carey Brown
  • Frits Walraven
  • Tim Moores
Bartenders:
  • Mikalai Zaikin

making a slideshow

 
Greenhorn
Posts: 6
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
I can't make a slide show using code from here
http://www.2webvideo.com/blog/all-purpose-free-photo-gallery

I use notepad++
I have 3 pictures for the slide show
named
aaa.jpg
bbb.jpg
ccc.jpg
And 3 png pictures for the controls named
lef.png
rig.png
sts.png

My website code is
<html>
<head>
</head>
<body>
<center>hello!
</body>
</html>

How do I, step by step, get the slide show into the website?
Thanks.

 
Ranch Hand
Posts: 820
IntelliJ IDE VI Editor Tomcat Server
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator

jerrad kampon wrote:I can't make a slide show using code from here
http://www.2webvideo.com/blog/all-purpose-free-photo-gallery


The instructions there seem pretty clear, so please post the actual code and your directory structure. You are doing this on your localhost, right? Which web server are you using?

lets start out with your directory structure. Where are the .js files, the html files and the image files in relation to one another?

and, please post the actual code you are using and please use code tags so it is readable!
 
jerrad kampon
Greenhorn
Posts: 6
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Thank you for answering.
I know squad about coding.
So for me the slide show code and how to make it to files that can be
moved to my website host, isn't clear.
I am trying to find out how to make websites.
I use free software.
I use notepad++.
And I use filezilla client in order to move files to my web host
My web host is a free account on 000webhost.com
To test the slide show I made a sub domain, let's call it dada.da.hostoi.com,
that means in my public_html folder I have a sub folder named dada,
and I can put my website files into that folder.
If I in notepad++ write
<html>
<head>
</head>
<body>
<center>hello!
</body>
</html>
and then save the code as a html file, named index, and move the file to the
dada folder I get a running website.
And that is actually all I know.

So how do I get a slide show into my advanced website?

 
Sheriff
Posts: 67747
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Well, you'll either have to learn how to code, or hire someone who already knows.

Or find a tool that will generate the code for you.

No one here is going to write the code for you for free.
 
jerrad kampon
Greenhorn
Posts: 6
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
A friendly place for programming greenhorns.

I'm a member of multiple user forums, and I've got rude answers.
I don't remember getting an answer as rude as yours mr. bibeault.

I'm not asking for free code, since I already have the free code.
But I don't know how to use it, and was asking for instructions how to step
by step use the code, and get a slideshow.

If this is how answers work around here don't bother, I don't want to be
a member. And marshal don't forget to erase the text up left of your website.
 
Bear Bibeault
Sheriff
Posts: 67747
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
All you have shown is code that display the text hello. If you have slideshow code that you are having problems with, you need to show it. Sorry if you think my post was rude. it wasn't intended to b:, just stating what's needed to help you.
 
jerrad kampon
Greenhorn
Posts: 6
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
I accept the apology.

Bibeault: “All you have shown is code that display the text hello. If you have slideshow code that you are having problems with, you need to show it. “

That is incorrect. Second line in my first post has this link:
http://www.2webvideo.com/blog/all-purpose-free-photo-gallery
I can't understand, what difference it makes, me copying and pasting it here, but here it is:
Part 1:
//If using image buttons as controls, Set image buttons' image preload here true
//(use false for no preloading and for when using no image buttons as controls):

var preload_ctrl_images=true;

//And configure the image buttons' images here:

var previmg='left.png';
var stopimg='stop.png';
var playimg='play.png';
var nextimg='right.png';

var slideShow=[]; // SLIDESHOW

//configure the below images and descriptions to your own, note optional links, target and window specifications.

slideShow[0] = ["1-big.jpg", "Seagulls", "http://www.2webvideo.com", "_new", "top=250, left=300, width=500, height=300, location, resizable, scrollbars"];
slideShow[1] = ["2-big.jpg", "Clock Tower"];
slideShow[2] = ["3-big.jpg", "Promenade", "http://www.yahoo.com"];
slideShow[3] = ["5-big.jpg", "Lamborgini", "http://www.google.com", "_new"];
slideShow[4] = ["4-big.jpg", "Atlantic"];
slideShow[5] = ["6-big.jpg", "Tuk Tuk", "http://www.bing.com", "_new"];

//optional properties for these images:

slideShow.no_descriptions=0; //use for no descriptions displayed
slideShow.pause=1; //use for pause onmouseover
slideShow.image_controls=1; //use images for controls
slideShow.button_highlight='#ffcccc'; //onmouseover background-color for image buttons (requires image_controls=1)
slideShow.specs='width=300, height=250' //global specifications for this show's new window(s)
slideShow.random=0; //set a random slide sequence on each page load
slideShow.manual_start=1; //start show in manual mode (stopped)
slideShow.delay=2000; //sets miliseconds delay between slides
slideShow.no_added_linebreaks=1; //use for not adding line breaks in formatting of texts and controls

//Notes:

//slides#.target will set a target for a slide group, will be overridden by slides#[#][3], if present
//slides#.specs will set new window specifications for a slide group, will be overridden by slides#[#][4], if present
//slides#.fadecolor will set fading images background color, defaults to white
//slides#.no_controls will set a slide show with no controls
//slides#.random will set a random slide sequence on each page load
//slides#.delay=4000 will set miliseconds delay between slides for a given show, may also be set in the call as the last parameter
//slides#.jumpto=1 will display added controls to jump to a particular image by its number
//slides#.no_added_linebreaks=1; use for no added line breaks in formatting of texts and controls

//use below to create a customized onclick event for linked images in a given show:
//slides#.onclick="window.open(this.href,this.target,'top=0, left=0, width='+screen.availWidth+', height='+screen.availHeight);return false;"

Part 2:
<html><head>

<title>Image Slideshow</title>

<style type="text/css">

/* All Styles Optional */

* {
font-family:calibri,arial;
font-size:16pt;
}

div#show {
background-color:#efefe7;
width:400px;
margin:0; padding:2px;
border:1px solid #909090;
}

div#show table input, div#show4 table input {
outline-style:none;
}

</style>

<!--[if IE]>
<style type="text/css">
div#show table td, div#show4 table td {
height:21px;
}
</style>
<![endif]-->

<script src="swissarmy.js" type="text/javascript"></script>

<script src="slideshow.js" type="text/javascript"></script>

</head>

<body style="margin:0; padding:0;">

<div id="show"><script type="text/javascript">new inter_slide(slideShow)</script></div>

</body>

</html>

As I read the website, that is a full code for a slide show. I've prepared 3 pictures for the slide show,
and 3 pictures for the slide show controllers.
But I cannot read and understand the code, so I don't know where to place what part of
the code. How to transform the code to files used by the web host. And where to locate the pictures on the web host.

The slide show website and Tim say, this is easy stuff. Then how come, no one tells me how it is
done?

Tim asked for further info, and he got it.
For illustrative purposes I wrote the “hello” code. If I can get the slide show running on that website, maybe I can make slides shows on the websites, I make using webeasy 8 pro.
Bibeault read all posts, and make up your mind.
 
Tim McGuire
Ranch Hand
Posts: 820
IntelliJ IDE VI Editor Tomcat Server
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Bear Bibeault is actually trying to help you and he is right that all you've shown that you've actually tried is a simple hello world web page. That is a good first step

For the next step, we need to know: Have you placed the files (swissarmy.js, slideshow.js and the html file) from that link on this web server of yours?
 
jerrad kampon
Greenhorn
Posts: 6
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
This is certainly a new approach to user forums. You ask a question, and get the answer try
for yourself. I'm not sure this is leading anywhere.
When I answer a question in an user forum, I do it if I already know the answer, and it is no big
deal to answer. Or because I want to know the answer myself, and then I try to find the answer,
and if I succeed, I pass on the answer.
Before asking here, I tried all kind of solutions, and all failed.
I tried to save all code as html file. I tried to save one part as html, and one part as a java file.
I've tried all kind of combinations.
Tim you say, have you tried to upload the files? Yes, I have. I tried after renaming the pictures, but
made no difference.
If you in fact don't know the answer, that is not a big deal. I asked on another forum too. And
haven't got any answer. Apparently it's not an easy subject.
 
Bear Bibeault
Sheriff
Posts: 67747
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Correct, CodeRanch is not like other forums where you just get an answer. At the Ranch, we teach you how to find the answer yourself, learning much in the process, and saving you tons of time next time a similar problem comes up, because you'll know how to deal with it quickly. If that's not an approach that works for you, or if you're not interested in actually learning how things work and just using code that is not understood, then CodeRanch may not be very useful to you. If you want to learn though, it's the best place to be!
 
Marshal
Posts: 28226
95
Eclipse IDE Firefox Browser MySQL Database
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
It seems to me that you're new to the field of creating websites. If that's the case, then making a slideshow isn't the right place to start.

So what I would suggest is that you start by creating a website -- of one page to start with -- which contains the images you ultimately want to be in your slideshow. Once you have that working, then you'll have the answer to your question "Where do I put these things?"
 
You have to be odd to be #1 - Seuss. An odd little ad:
a bit of art, as a gift, the permaculture playing cards
https://gardener-gift.com
reply
    Bookmark Topic Watch Topic
  • New Topic