Hi,
I have a question about the Nivo Slideshow Module. It works fine but when i activate this modul the back to top menü dissappeared. But i like this "back to top option" it is verry useful. How can i get it back, when i activate Nivo Modul?
Here you will find a screenshot: http://www.image-load.net/show/img/5WTb3nXUlw.jpg
Thanks for your help !
Sliedshow Nivo Module -> Back To Top
- Jan
- Phoca Hero
- Posts: 48535
- Joined: 10 Nov 2007, 18:23
- Location: Czech Republic
- Contact:
Re: Sliedshow Nivo Module -> Back To Top
Hi, do you get some javascript error on that site, maybe the javascript error prevents from the displaying of the bottom part ![Idea :idea:](./images/smilies/icon_idea.gif)
https://www.phoca.cz/documents/16-joomla ... -conflicts
Jan
![Idea :idea:](./images/smilies/icon_idea.gif)
https://www.phoca.cz/documents/16-joomla ... -conflicts
Jan
If you find Phoca extensions useful, please support the project
-
- Phoca Member
- Posts: 11
- Joined: 22 Feb 2012, 16:37
Re: Sliedshow Nivo Module -> Back To Top
Hello Jan, thank you! I found something with firebug:
TypeError: jQuery(...).lazyload is not a function
effect : "fadeIn"
If i click on that error it shows me exactly the "back to top" function:
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery(function () {
var scrollDiv = document.createElement("div");
jQuery(scrollDiv).attr("id", "toTop").html("^ Back To Top").appendTo("body");
jQuery(window).scroll(function () {
if (jQuery(this).scrollTop() != 0) {
jQuery("#toTop").fadeIn();
} else {
jQuery("#toTop").fadeOut();
}
});
jQuery("#toTop").click(function () {
jQuery("body,html").animate({
scrollTop: 0
},
800);
});
});
});
</script>
<script type="text/javascript">
jQuery(document).ready(function(){jQuery("img").lazyload({
effect : "fadeIn"
});
});
</script>
</body>
Ok, but the next step is to correct this error. But how can i do that?
TypeError: jQuery(...).lazyload is not a function
effect : "fadeIn"
If i click on that error it shows me exactly the "back to top" function:
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery(function () {
var scrollDiv = document.createElement("div");
jQuery(scrollDiv).attr("id", "toTop").html("^ Back To Top").appendTo("body");
jQuery(window).scroll(function () {
if (jQuery(this).scrollTop() != 0) {
jQuery("#toTop").fadeIn();
} else {
jQuery("#toTop").fadeOut();
}
});
jQuery("#toTop").click(function () {
jQuery("body,html").animate({
scrollTop: 0
},
800);
});
});
});
</script>
<script type="text/javascript">
jQuery(document).ready(function(){jQuery("img").lazyload({
effect : "fadeIn"
});
});
</script>
</body>
Ok, but the next step is to correct this error. But how can i do that?
- Jan
- Phoca Hero
- Posts: 48535
- Joined: 10 Nov 2007, 18:23
- Location: Czech Republic
- Contact:
Re: Sliedshow Nivo Module -> Back To Top
Hi, unfortunately, I am not javascript expert, so cannot say what exactly can be a problem there
, try to search this on jquery forum, maybe there will be some help ![Idea :idea:](./images/smilies/icon_idea.gif)
![Idea :idea:](./images/smilies/icon_idea.gif)
![Sad :-(](./images/smilies/icon_sad.gif)
![Idea :idea:](./images/smilies/icon_idea.gif)
If you find Phoca extensions useful, please support the project
-
- Phoca Member
- Posts: 11
- Joined: 22 Feb 2012, 16:37
Re: Sliedshow Nivo Module -> Back To Top
I found a solution. I fixed the problem with another plugin. The plugin "Scroll To Top" works just fine.