Image banner control/webpart in master page

Question

I am getting started with sp2010 dev and I am looking to build a visual web part(sandboxed) image banner, which will loop through user specified image library. The image changes on page refresh.My questions are,
1) Is there is a similar control out there which i could reuse or modify to my specifics so I need not reinvent the wheel. If not could give me a little insight on the approach please?
2) I would like some input on how to add the control to Master Page (v4.Master).
Thanks and Appreciate your help and replies :)

Answer 1

Hi batllesmith,
I've created a prototype sandbox webpart for specific requirement 
here goes the steps
create new Empty sharePoint solution 
Add new Webpart and use the below code 
using System;
using System.ComponentModel;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using Microsoft.SharePoint;
using Microsoft.SharePoint.WebControls;
namespace CarouselWebparts.CarouselWebpart
[ToolboxItemAttribute(false)]
public class CarouselWebpart : WebPart
private string _listName = string.Empty;
[WebBrowsable(true)]
[Personalizable(PersonalizationScope.Shared)]
public string ListName
get
return _listName;
set
_listName = value;
protected override void Render(HtmlTextWriter writer)
try
string html = string.Empty;
//first inject the css and js needed
html += @"<link rel='stylesheet' href='/NivoCustomModule/css/default/default.css' type='text/css' media='screen' />
<link rel='stylesheet' href='/NivoCustomModule/css/nivo-slider.css' type='text/css' media='screen' />
<link rel='stylesheet' href='/NivoCustomModule/css/style.css' type='text/css' media='screen' />
<script type='text/javascript' src='/NivoCustomModule/scripts/jquery-1.7.1.min.js'></script>
<script type='text/javascript' src='/NivoCustomModule/scripts/jquery.nivo.slider.js'></script>
<script type='text/javascript'>
$(window).load(function () {
$('#slider').nivoSlider();
</script>
//start the html markup of the slider itself
html += @"<div id='wrapper'>
<div class='slider-wrapper theme-default'>
<div id='slider' class='nivoSlider'>";
//call the helper function get Images
foreach (SPFile file in getImages())
html += "<img src=\"" + file.ServerRelativeUrl + "\" alt=\"" + file.Title + "\"/>";
html += "</div></div></div>";
writer.Write(html);
base.Render(writer);
catch (Exception ex)
finally
#region Helpers
/// <summary>
/// get images uses an absoute url to a folder
/// </summary>
/// <returns></returns>
private SPFileCollection getImages()
try
//both properties has to be set
if(ListName.Equals(string.Empty))
return null;
SPWeb web = SPContext.Current.Web;
SPList list = web.GetList(ListName);
SPQuery query = new SPQuery();
query.Query = @"<Where>
<Eq>
<FieldRef Name='FSObjType'/>
<Value Type='Number'>1</Value>
</Eq>
</Where>
<OrderBy>
<FieldRef Name='Created' Ascending='FALSE' />
</OrderBy>";
query.RowLimit = 1;
SPListItemCollection items = list.GetItems(query);
if (items != null)
SPFolder rootFolder = items[0].Folder;
return rootFolder.Files;
return null;
catch (Exception ex)
return null;
#endregion
3. Add new module Element and add the nivo folder contains css and javascript required (or any other Jquery library you prefer)
4. Notice that the Library the Webpart Loads the images from is  configurable using editor part ( Miscellaneous) section  with  ListName parameter
for further question don't hesitate to reply back