Portal Engine Questions on portal engine and web parts.
Version 7.x > Portal Engine > jquery simple slider View modes: 
User avatar
Member
Member
kArtemy - 12/9/2013 2:15:39 AM
   
jquery simple slider
Hello,

Got some problems by adding custom jquery image slider,

in html it will take few rows, for example:
<html>
<head>
<script src="jquery-1.7.2.min.js"></script>
<script src="jqFancyTransitions.1.8.js" type="text/javascript"></script>
</head>
<body>

<div id='slideshowHolder'>
<img src='/img/01.png' alt='img3' />
<img src='/img/02.png' alt='img2' />
<img src='/img/04.png' alt='img3' />
</div>

<script>
$(document).ready( function(){
$('#slideshowHolder').jqFancyTransitions({ width: 700, height: 250 });
});
</script>
</body>
</html>

But i can't find which web part should i use for this. Added jq call in the head with headHTML part and tried to use another webparts with html envelope after content to call slideshowholder images and script, but im getting only images under each other

Best regards

User avatar
Kentico Consulting
Kentico Consulting
Kentico_RichardS - 12/10/2013 4:33:28 AM
   
RE:jquery simple slider
Hi,

Thank you for your message.

So your html output from Kentico seems to be correct however its not working? Are you using repeater webpart for displaying images?

However I think that the reason this is not working is that inside Kentico we are using jQuery too and when you use 2 different versions of jQuery on a single page it can collide with each other and therefore it might not work. There is a function called jQuery NoConflict() which is used in order to resolve this in such scenarios. So I would suggest you to try to use it on your site, you can see an example at http://api.jquery.com/jQuery.noConflict/

Also I recommend using FireBug addon for firefox and check the console to see what errors are shown.

Please let me know how that works.

Kind regards,
Richard Sustek

User avatar
Member
Member
kArtemy - 12/10/2013 6:14:07 AM
   
RE:jquery simple slider
Thank you for your answer!

Using simple editableimage. Yes, problem was with jq conflinct, seems in kentico noConflict() integrated aswell

so was enough to change
$(document).ready( function(){ ...

to
jQuery( document ).ready(function( $ ){....

Thanks a lot!

Best regards