Thursday, November 21, 2013

Scroll Tiles using jquery

Hi,

My requirement is to get the items from the custom list ,display those items on the page through Tiles in the scrolling format from right to left.

From MSDN I got guidance as below

1. Find the Web Part ID through Internet Explorer F12 developer tools.
2. Add a content edit web part on the page.
3. Edit the web part and insert  the code below into it.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#promotedlinksbody_WPQ2").replaceWith("<marquee>" + $("#promotedlinksbody_WPQ2").html() + "</marquee>");
    });
</script>

Finally I am getting the output as below

No comments:

Post a Comment