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.

slimbox problems

Featured Replies

hi im having a bit of a problem with slimbox on a website i am working on. I have used it before on other websites without any issues but cant seem to see where i am going wrong. Slimbox is working but i cant get it to navigate through the images (back/next)

 

it either will not scroll:

 

http://www.paulmarcus.co.uk/X107CBW.html

 

or it goes through the same images 2 or more times in a row:

 

http://www.paulmarcus.co.uk/WU58XGC.html

 

if you could let me know how to fix, i would be very grateful

 

Thanks

What do you mean it will not scroll?

 

You're inlcuding the jQuery library twice, v1.3.1 and v1.4.1 (you should only call one version).

 

So remove this from your code

 

<script type="text/javascript" src="js/jquery-1.3.1.js"></script>

and move thisso it's the first script called.

 

<!-- include jQuery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

So it should look like so...

 

<title>Welcome to PaulMarcus</title>
<link href="paulmarcus.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type="text/javascript" src="js/slimbox2.js"></script>

  • Author

ok im a bit confused, this is what i have on my head.

 

<!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>Welcome to PaulMarcus</title>
<link href="paulmarcus.css" rel="stylesheet" type="text/css" />
<!-- include jQuery library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

<!-- include Cycle plugin -->
<script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.2.74.js"></script>

<!--  initialize the slideshow when the DOM is ready -->
<script type="text/javascript">
$(document).ready(function() {
   $('.slideshow').cycle({
	fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
});
});
</script>
</head>

 

in my library i have jquery-1.3.1.js but the reference is for jquery/1.4.1/jquery.min.js

 

could you let me knwo what i need to do?

 

Thanks

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.