Fancy Image Library For SharePoint2010

-
A New Experience to view images in SharePoint2010 Image Library. Deploy it yourself, without developer.

This is a purely SharePoint2010 Client Object Model based customisation of Out Of Box image Library that displays larger versions of thumbnail images fetched dynamically to provide a new User Experience. Caption can be added to the enlarged image through Add/Edit form, and every aspect of the Image Gallery exists as plain HTML on the page. The idea is to use JSOM, Css, Jquery and FancyBox jquery extension to view images with advanced UI. 

When end user clicks on the thumbnail, the linked image is fetched from the server and rendered in the overlay alond with the Description. all the thumbnail images are indexed exluding the items that are not image type (that are not supported by SharePoint2010) and when user clicks next / previous button the image at the next index is fetched and get rendered in the overlay.

This solution is compatible with SharePoint2010, Moreover it doesnot need any kind of server access for deployment.
Please refer the video for deployment and roll back.


The gallery works in IE7+, Firefox, Chrome, Safari, IPad, Iphone.


Please consider that i have implemented it to work only with "All Assets" view of image library and not with "Thumbnail" view as thumbnail view has different functionality then user hover/ clicks on the thumbnail images.
you can set the "All Assets" view as default view or use it in separate  list view WebPart.


Steps To Deploy


  1. Download the attached file and extract it.
  2. Goto you site(SharePoint site collection) > Site Actions > Site Settings.
  3. Under Galleries open Solutions Or Navigate to "http://<site url>/_catalogs/solutions/Forms/AllItems.aspx"
  4. Upload the extracted wsp and activate it from the ribbon (this will open a dialog box you have to again click on activate link from the ribbon of this dialog box).
  5. Now goto "Manage Features" and activate "MicroCosmic Solutions FancyImageLibrary" feature.

That it deployment is done , Now you are ready to use it.

Watch the attached video for more assistance.

NOTE: Since its a sandbox solution so  You must make sure that your “Sharepoint 2010 User Code Host” service is running. For this you have to make sure that this service’s status is active in Central Administration Site. To see the status go to your Sharepoint 2010 Central Administration Application (Run as Administrator). Under System Settings > Manage services on server make sure that “Microsoft SharePoint Foundation Sandboxed Code Service” service is started.





Location: Gurgaon, Haryana, India

Comments

  1. Noreen SherkApril 8, 2021 at 4:11 PM

    wowo

    ReplyDelete
  2. alvinbascalApril 8, 2021 at 4:14 PM

    yeah right but new features are updated your create fancy animation images and gif images easy read this blog and follow step by step
    custom whiteboard animation

    ReplyDelete

Post a Comment

Popular posts from this blog

How to Build Mobile Apps for Online Marketplaces

-
Image
  Introduction: In today's digital age, online marketplaces have revolutionized the way we buy and sell goods and services. With the increasing popularity of smartphones, mobile apps have become the go-to platform for accessing these marketplaces. If you are looking to venture into mobile app development for online marketplaces, you've come to the right place. In this comprehensive guide, we'll walk you through the essential steps and considerations for building mobile apps for online marketplaces.   Define Your App's Purpose and Features: Before diving into development, it's crucial to define the purpose and key features of your app. Consider the target audience, niche, and unique selling points that will set your marketplace app apart from the competition. Determine the core functionalities your app will offer, such as user registration, product listings, search and filtering options, secure payment gateways, ratings and reviews, and messaging capabilities...
Read more

The Growing Importance of Website Accessibility in the Digital Age

-
Image
  Introduction: In today's digital age, websites have become the primary means for individuals to access information, connect with businesses, and engage with various online services. As the online landscape continues to evolve, it is imperative that website owners and developers prioritize accessibility for all users. Website accessibility ensures that people with disabilities can navigate, understand, and interact with online content on an equal basis with others. In this blog post, we will explore the growing importance of website accessibility and its significant impact on user experience, inclusivity, legal obligations, and business success.   Enhancing User Experience: Website accessibility goes beyond compliance with legal requirements; it directly improves user experience for all visitors. By implementing accessible design principles, such as clear navigation, readable text, and properly labeled links, websites become more user-friendly for everyone. An accessi...
Read more

How to Choose the Right Software Development Company in 2023

-
Image
  In today's digital age, choosing the right software development company is crucial for the success of your business. Whether you are a startup looking to build a groundbreaking app or an established enterprise in need of custom software solutions, making the right choice can have a significant impact on your project's outcome. In this comprehensive guide, we will walk you through the key factors to consider when selecting a software development company in 2023.   Understanding Your Needs   Before you embark on the journey of finding the perfect software development partner, it's essential to have a clear understanding of your project's needs and goals. Take the time to define your project scope, objectives, and budget. Consider the following questions:   What is the purpose of your software?   What features and functionalities do you require?   What is your budget and timeline for the project?   Having a well-defined project plan will not only help y...
Read more