Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 636
  • Last Modified:

Slideshow not working on website using js-query

I added a js-query slideshow, the instructions I found here on the accepted solution
http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_21257327.html

I got it working on my PC fine but it's not working on the web.

The only file I can think that needs copied to the web are fadeslideshow.js (js-query-1.3.2.min.js was already working and still works).

I have no idea why this isn't working on the web, this is kind of a debugging question but I have no clue what could be wrong and where to start debugging.

Here's the site (warning ! pro-Sarah Palin site)
http://www.info-scroll.com/going_rogue_book_tour_phase_i/index_slideshow.html
0
Alaska Cowboy
Asked:
Alaska Cowboy
  • 11
  • 9
2 Solutions
 
selvolCommented:


Side show workin in opera Latest version.


Try write the urls like this


http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js
\


??  Working here
0
 
selvolCommented:
OK I thught you liked Sarah.....


You need either link to this file for the fade in .
http://www.dynamicdrive.com/dynamicindex14/fadeslideshow.js


Or download it and upload it to you site.


You need to change the code below to point to you images. I


ie.
http://i26.tinypic.com/11l7ls0.jpg   would be     http://YOURSITE/YOURPIC.*


Selvol

<script type="text/javascript">

var mygallery=new fadeSlideShow({
	wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
	dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of largest image
	imagearray: [
		["http://i26.tinypic.com/11l7ls0.jpg", "", "", "Nothing beats relaxing next to the pool when the weather is hot."],
		["http://i29.tinypic.com/xp3hns.jpg", "http://en.wikipedia.org/wiki/Cave", "_new", "Some day I'd like to explore these caves!"],
		["http://i30.tinypic.com/531q3n.jpg"],
		["http://i31.tinypic.com/119w28m.jpg", "", "", "What a beautiful scene with everything changing colors."] //<--no trailing comma after very last image element!
	],
	displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
	persist: false, //remember last viewed slide and recall within same session?
	fadeduration: 500, //transition duration (milliseconds)
	descreveal: "ondemand",
	togglerid: ""
})


var mygallery2=new fadeSlideShow({
	wrapperid: "fadeshow2", //ID of blank DIV on page to house Slideshow
	dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of largest image
	imagearray: [
		["http://i26.tinypic.com/11l7ls0.jpg", "", "", "Nothing beats relaxing next to the pool when the weather is hot."],
		["http://i29.tinypic.com/xp3hns.jpg", "http://en.wikipedia.org/wiki/Cave", "_new", "Some day I'd like to explore these caves!"],
		["http://i30.tinypic.com/531q3n.jpg"],
		["http://i31.tinypic.com/119w28m.jpg", "", "", "What a beautiful scene with everything changing colors."] //<--no trailing comma after very last image element!
	],
	displaymode: {type:'manual', pause:2500, cycles:0, wraparound:false},
	persist: false, //remember last viewed slide and recall within same session?
	fadeduration: 500, //transition duration (milliseconds)
	descreveal: "always",
	togglerid: "fadeshow2toggler"
})

</script>

Open in new window

0
 
Alaska CowboyAuthor Commented:
thanks, will review tonight
0
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
selvolCommented:
Yes, please give us more of your html from the page. It is hard to tell what you do have on the page or not. The more you give the more accurate the answers should be.
 
Selvol
0
 
Alaska CowboyAuthor Commented:
selvol, can't you just view the source to see my html ?
0
 
Alaska CowboyAuthor Commented:
selvol, re: 26169036, I did all that, that's why it's working in Chrome.
0
 
selvolCommented:
NO, I don't know how to do that...  
Oh no wait I screwed up with that request.....
I may need help....   Kidding.. I am lookning now.  
 
Be back in 5
0
 
selvolCommented:
First thing I noticed it
 <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/fadeslideshow.js">     <--- bad link
 
Should be

 <script type="text/javascript" src="http://www.dynamicdrive.com/dynamicindex14/fadeslideshow.js">'
 
 
ANd you Do nOT want Sara Palin?  Correct
0
 
selvolCommented:
You also have a second refrence to
jquery-1.3.2.min.js
Just like I wrote it,
Delete that as it is called in the first
http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js 
 
It was working earlier for me.
 
Just make sure you have all the inamges uploaded to the site or some where on the net . And that thet script points to them.  
 
 
0
 
selvolCommented:
You slide show images are pointing here
http://www.info-scroll.com/going_rogue_book_tour_phase_i/pics/sarah_all/sarah_family/
So
family_portrait_3.jpg
Need to be in that folder making the address
http://www.info-scroll.com/going_rogue_book_tour_phase_i/pics/sarah_all/sarah_family/family_portrait_3.jpg
 All the other need to be in that folder also for the slide show to work.
I Hope I am on the right track
0
 
Alaska CowboyAuthor Commented:
ok, thanks for the followup, can't work on it until tonight.
0
 
Alaska CowboyAuthor Commented:
selvol, thanks for the tips. Everything works on my machine, I believe it's set up correctly.
It works on Opera, so something must be wrong. My guess is my site has so much broken HTML the slideshow goes kaput.
On this easy site it works in FF, Chrome, and IE (http://www.info-scroll.com/lebron_james4.htm)
0
 
Alaska CowboyAuthor Commented:
well, it works on my machine for all browsers.
but it doesn't work on the web . . . :-(
I've checked and double-checked,
 

web-server-files.jpg
0
 
Alaska CowboyAuthor Commented:
I got it working !
All I did was move the slideshow page to another directory, and it worked  . . .
Have a look, http://www.info-scroll.com/going_rogue_book_tour_phase_i/
- click on Sarah Slideshow top left picture
0
 
selvolCommented:
I just got back.  Not my intension.   
0
 
selvolCommented:
Feels good. Like you finally got the hardest simple thing. 
Web development can be tricky.  I have thing pop up daily. And it always 1 thing causing the problem.    Just   Remember 
 A web page is nothing nut a text file.   That points to all that it is told to .   Every thing must be on the inter net for it to be viewed by the world.
The inter net is every computer that is interconnected in a net.  YOur computer mine and the guy next door are all a piece of the inter net.
Not sure where I am going with the internet story..................


Point it is not as hard as it may look.  
I am Glad you got it yourself............ I hope you are too.
Good job/


Selvol
0
 
selvolCommented:
Hey , it was not working for me..  Here is a working page that worked for me after i CONFIGURED it.


All the same image I did not have time to do more.


Copy and past into note pad.  Save as hey.html then open.


Also add a file named index.html to each directory on yu web server ot the index page will look like this
http://www.info-scroll.com/going_rogue_book_tour_phase_i/pics/sarah_all/sarah_signature/
Selvol

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>The Sarah Report: Sarah slideshow</title>
<link type="text/css" rel="stylesheet" href="book_tour.css" />

<!--
/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/ -->

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="http://www.dynamicdrive.com/dynamicindex14/fadeslideshow.js"></script>
http://www.info-scroll.com/going_rogue_book_tour_phase_i/pics/sarah_all/going_rogue/going_rogue_white_background.jpg
<script type="text/javascript">

var mygallery=new fadeSlideShow({
	wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
	dimensions: [400, 400], //width/height of gallery in pixels. Should reflect dimensions of largest image
	imagearray: [
		["http://www.info-scroll.com/going_rogue_book_tour_phase_i/pics/sarah_all/sarah_army_t_shirt_with_greta.jpg"],

				["http://www.info-scroll.com/going_rogue_book_tour_phase_i/pics/sarah_all/sarah_army_t_shirt_with_greta.jpg"],

				["http://www.info-scroll.com/going_rogue_book_tour_phase_i/pics/sarah_all/sarah_army_t_shirt_with_greta.jpg"],

				["http://www.info-scroll.com/going_rogue_book_tour_phase_i/pics/sarah_all/sarah_army_t_shirt_with_greta.jpg"],

["http://www.info-scroll.com/going_rogue_book_tour_phase_i/pics/sarah_all/sarah_army_t_shirt_with_greta.jpg"],

		["http://www.info-scroll.com/going_rogue_book_tour_phase_i/pics/sarah_all/sarah_army_t_shirt_with_greta.jpg"],

		["http://www.info-scroll.com/going_rogue_book_tour_phase_i/pics/sarah_all/sarah_army_t_shirt_with_greta.jpg"],

		["http://www.info-scroll.com/going_rogue_book_tour_phase_i/pics/sarah_all/sarah_army_t_shirt_with_greta.jpg"],

["http://www.info-scroll.com/going_rogue_book_tour_phase_i/pics/sarah_all/sarah_army_t_shirt_with_greta.jpg"],

		["http://www.info-scroll.com/going_rogue_book_tour_phase_i/pics/sarah_all/sarah_army_t_shirt_with_greta.jpg"],

		["http://www.info-scroll.com/going_rogue_book_tour_phase_i/pics/sarah_all/sarah_army_t_shirt_with_greta.jpg"],

		["http://www.info-scroll.com/going_rogue_book_tour_phase_i/pics/sarah_all/sarah_army_t_shirt_with_greta.jpg"]

	],
	displaymode: {type:'auto', pause:2500, cycles:1, wraparound:false, randomize:false},
	persist: false, //remember last viewed slide and recall within same session?
	fadeduration: 500, //transition duration (milliseconds)
	descreveal: "ondemand",
	togglerid: ""
})

</script>


<meta name="keywords" content="republicans, conservatism, conservatives, republicans, libertarian, christian, christianity, jewish, judaism, catholic, sarah palin, todd palin, home school, home schooling" />

</head>

<!-- ******************* Start Body *********************** -->
<body>


<div id="fadeshow1"></div>


</body>
</html>

Open in new window

0
 
selvolCommented:
Write the url for the images as I did. with the http://   full address.


selvol
0
 
Alaska CowboyAuthor Commented:
selvol,  thanks again and also for the philosophy :-)

it WAS working, then I do something and break it.

I would get it working then add some more pictures then it's broken again :-(

I will build it up again tonight and look at your sample as well, thank you.
0
 
Alaska CowboyAuthor Commented:
working again ! not sure what I did, really
Let me know what you think . . . top left "Sarah slideshow"
0

Featured Post

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

  • 11
  • 9
Tackle projects and never again get stuck behind a technical roadblock.
Join Now