SharePoint Image Rotator (веб часть циклической демонстрации изображений)

При помощи обычной веб части редактора контента и щепотки javascript’а можно творить удивительные вещи в SharePoint! Например, так востребованный и привлекающий внимание на домашних страницах порталов веб парт для циклической демонстрации изображений делается на раз-два.

Рецепт прост:

  1. Заходим на следующий портал: http://www.pathtosharepoint.com/sharepoint-user-toolkit/Pages/Image-Rotator-Lite.aspx.
  2. Указываем в первой строке URL-адрес страницы редактирования необходимого представления библиотеки изображений SharePoint.
  3. Настраиваем остальные параметры по вкусу.
  4. В окне вывода забираем полученный код.
  5. На необходимой странице публикации добавляем веб часть Редактор контента (Content Editor Web Part)
  6. На ленте выбираем правку HTML-кода и записываем туда полученный код.

Таким образом, примерный код для веб части редактора контента выглядит следующим образом:

<div
align=»center» class=»IR-container»>


<a>


<img
id=»IR-img» border=»0″ height=»150px» src=»/_layouts/images/GEARS_AN.GIF»
/><span /></a></div>

<script
type=»text/javascript»>


/* Image Rotator Lite — v 2.0 * Copyright (c) 2008-2010 Christophe Humbert * http://www.pathtosharepoint.com */

(function() {


var sec = 4;


var d = new Date();


var plURL = «/_vti_bin/owssvr.dll?Cmd=Display&XMLDATA=TRUE&List={D749226E-1DCC-4FAC-87B7-E04496FAADBE}&View={17CC700A-7D20-4DE1-8005-DB0D0EFD2780}&Source=http%3A%2F%2Fsp2010%2F%5Flayouts%2Fvsmenu%2Easpx%3FList%3D%7Bd749226e%2D1dcc%2D4fac%2D87b7%2De04496faadbe%7D%26View%3D%7B17cc700a%2D7d20%2D4de1%2D8005%2Ddb0d0efd2780%7D%26Source%3Dhttp%3A%2F%2Fsp2010%2FPhotoLibrary%2FForms%2Fview%2Easpx%26&_ts=» + d.getTime();


var IRi = document.getElementById(«IR-img»);

IRi.removeAttribute(«id»);


var i = -1;


function DisplayPicture(IRi, Items) {

i = Math.floor(Math.random() * Items.length);


var pURL = «/» + Items[i].getAttribute(«ows_RequiredField»);

pURL = pURL.replace(/\.([^\.]+)$/, «_$1») + «.jpg»;

pURL = pURL.replace(/\/([^\/]+)$/, «/_w/» + «$1»);

IRi.src = pURL;


var pLink = «/» + Items[i].getAttribute(«ows_RequiredField»);

IRi.parentNode.href = (pLink != null) ? pLink : «»;


var pAlt = Items[i].getAttribute(«ows_NameOrTitle»);


var pDesc = »;

IRi.alt = pAlt;

IRi.nextSibling.innerHTML = pDesc;

}


try {


var x = new XMLHttpRequest();

}


catch (e) {


try {


var x = new ActiveXObject(«Msxml2.XMLHTTP»);

}


catch (e) {


try {


var x = new ActiveXObject(«Microsoft.XMLHTTP»);

}


catch (e) {

IR.innerHTML = «Your browser does not support AJAX requests.»;

}

}

}

x.onreadystatechange = function() {


if (x.readyState == 4) {


if (x.status == 200) {


var xml = x.responseXML;


var Items = (xml.getElementsByTagNameNS) ? xml.getElementsByTagNameNS(«*», «row») : xml.getElementsByTagName(«z\:row»);

DisplayPicture(IRi, Items);


if (sec > 0) {


var Refresh = function(d, i, t) {

setInterval(function() { DisplayPicture(d, i); }, t * 1000);

};

Refresh(IRi, Items, sec);

}

}


else {

alert(«Problem retrieving XML data»);

}

}

};

x.open(«GET», plURL, true);

x.send(null);

})();

</script>

Реклама

1 комментарий

Filed under SharePoint 2010

One response to “SharePoint Image Rotator (веб часть циклической демонстрации изображений)

  1. Meniskkr

    Вooбще я c вaми пoлностью согласен. Здесь есть нaд чем подумать и пoговорить. В общем-тo мне понравилось,буду 3axодить сюдa ещe,мoжeт,что-тo новeнькoе увижу у вас.
    новосибирск в фотографиях g shock камуфляж и компании новосибирска да уж эти интернет магазины новосибирска

Добавить комментарий

Заполните поля или щелкните по значку, чтобы оставить свой комментарий:

Логотип WordPress.com

Для комментария используется ваша учётная запись WordPress.com. Выход /  Изменить )

Google+ photo

Для комментария используется ваша учётная запись Google+. Выход /  Изменить )

Фотография Twitter

Для комментария используется ваша учётная запись Twitter. Выход /  Изменить )

Фотография Facebook

Для комментария используется ваша учётная запись Facebook. Выход /  Изменить )

w

Connecting to %s