Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Javascript not working, s3slider

Featured Replies

Hey, First post on this forum and looking forward to all the help ill be getting ^^.

 

Anyway, I have one problem. I'm creating a website for a college assignment and it required it to have two JavaScript's incorporated.

 

Here is the website: http://gamerzone.uuuq.com

The problem is that the s3slider script is not working. The page is loading the images as you can see when you select no stylesheet in the browser but it will not function under the JavaScript.

 

I'm wondering if anyone could have a look through the code and possibly tell me why?

 

I've done validation and theres nothing that stands out which could be causing the problem, also the lytebox JavaScript is working perfectly which means I do have JavaScript enabled.

 

Thankyou, Adam Conder. ;)

  • Author

Little bump, Will post the html code and css if needed but its all hosted on that site ^^

  • Author

Anyone know? It's really annoying me now. I've tried a different jquery slideshow and it still doesn't work :S

link doesn't work mate

 

EDIT:

 

works if you strip off the www lol.

 

Will have a look...

looking at the information on the s3 website, and comparing it your code, it seems you've called the slideshow wrong.

 

Where you have <div id="slider">, it should read <div id="s3slider">

 

And the same with the ul etc.

 

Change all references to "slider" to "s3slider" and see if that helps.

  • Author
looking at the information on the s3 website, and comparing it your code, it seems you've called the slideshow wrong.

 

Where you have <div id="slider">, it should read <div id="s3slider">

 

And the same with the ul etc.

 

Change all references to "slider" to "s3slider" and see if that helps.

 

It can be named anything you like aslong as it matches the name of the javascript file. and the execution code at the start?

 

I've had the filenames as they have it but its still the same. I am wondering if its something to do with my CSS styling being nested in the wrapper tag?

Firefox Error Console Reports:

Error: missing ; before statement

Source File: http://gamerzone.uuuq.com/js/s3Slider.js

Line: 1, Column: 166

 

Error: $("#slider").s3Slider is not a function

Source File: http://gamerzone.uuuq.com/

Line: 14

 

The second error is caused by the first error. I noticed your compressed your S3Slider script, but just for testing try it with the default code and see if that works.

  • Author

Got it working by using the defaults :S somehow its started to work :p.

 

Thanks for the help :)

Got it working by using the defaults :S somehow its started to work :p.

 

Thanks for the help :)

 

Glad to hear you got it working :D

I don't use minify much, but I think sometimes it creates an error when compressing jQuery plugins.

If you still want to compress it try again, but at the end of the code it will have something like "(jQuery)", just remove that and see if it works

  • Author
Glad to hear you got it working :D

I don't use minify much, but I think sometimes it creates an error when compressing jQuery plugins.

If you still want to compress it try again, but at the end of the code it will have something like "(jQuery)", just remove that and see if it works

 

Well the thing was that I didnt actually realised I downloaded the compressed version so now I will look out for it :p

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.