Solved

Slider loading the entire page when clicked on images

Posted on 2014-03-05
9
233 Views
Last Modified: 2014-03-21
I am using the SlideshowCK Slider in my Joomla website. When I click on the image it reloads the entire page and that happens only in IE, but in Google chrome it doesnot, which is good. How can I make the slider not reload the entire webpage when clicked on the images. Is it the Jquery libraries have to be changed, if so what version to use

My website is http://cleaningcanada.ca/index.php/en/vertical
0
Comment
Question by:plexusdev
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 5
  • 4
9 Comments
 
LVL 58

Expert Comment

by:Gary
ID: 39907382
It's reloading in all browsers.
I don't know what you are expecting it to do...? It is a link and that's what a link does.
0
 

Author Comment

by:plexusdev
ID: 39907415
When you click on the main picture of the slider in Chrome, the bottom text info in the page changes. And the picture stays the same. This is what we want.
but in IE - when we click on the main picture of the slider, the bottom text info changes but the picture reloads entirely and goes back to the first picture.

We dont want the picture changing everytime we click the photo. Chrome does it proper. IE does not. Its ajax script.
0
 
LVL 58

Expert Comment

by:Gary
ID: 39907436
Which slider are we talking about?
Clicking the big slider reloads the page in all browsers
The smaller slider doesn't do anything bar highlight the image you have just clicked.
0
Get 15 Days FREE Full-Featured Trial

Benefit from a mission critical IT monitoring with Monitis Premium or get it FREE for your entry level monitoring needs.
-Over 200,000 users
-More than 300,000 websites monitored
-Used in 197 countries
-Recommended by 98% of users

 

Author Comment

by:plexusdev
ID: 39907463
The slider on this page http://www.cleaningcanada.ca/index.php/en/vertical Click on the first picture and then it brings up some info about it, when you click on the third main picture it doesnot reload the etire page in google chrome but just brings the info about it. But in IE it reloads all the time.
0
 
LVL 58

Expert Comment

by:Gary
ID: 39907474
Your site isn't responding
0
 
LVL 58

Expert Comment

by:Gary
ID: 39907511
Ok it's loading again.
When I click the smaller slideshow nothing happens except the larger slideshow switches to the image.
If I click the larger image the page reloads.
0
 

Author Comment

by:plexusdev
ID: 39907563
Are you using Google Chrome? When you click on the big picture first time it loads, but from the second time select any other pictures lets says 5th picture and when it brings the big picture click on that it will just brings up the info.
0
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
ID: 39907622
Do you have an unobfuscated and unminified version of camera.js
I won't try and debug a file where it is impossible to know what is what.
0
 

Author Closing Comment

by:plexusdev
ID: 39946082
Thanks Gary we got it.
0

Featured Post

 Database Backup and Recovery Best Practices

Join Percona’s, Architect, Manjot Singh as he presents Database Backup and Recovery Best Practices (with a Focus on MySQL) on Thursday, July 27, 2017 at 11:00 am PDT / 2:00 pm EDT (UTC-7). In the case of a failure, do you know how long it will take to restore your database?

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Preface This is the third article about the EE Collaborative Login Project. A Better Website Login System (http://www.experts-exchange.com/A_2902.html) introduces the Login System and shows how to implement a login page. The EE Collaborative Logi…
What is Node.js? Node.js is a server side scripting language much like PHP or ASP but is used to implement the complete package of HTTP webserver and application framework. The difference is that Node.js’s execution engine is asynchronous and event…
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
Suggested Courses

615 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question