Posts Tagged "SharePoint"

We can do Multiple Videos…. Can’t We?

Posted by MrsAngell on Oct 24, 2010 in Help Guides | 0 comments

A colleague of mine (@jmintouch33) commented that she had seen online a site which offered a list of videos which as you clicked on them they played in the ONE Video Player.  She went on to say how fantastic it would be if we could do that in our Sharepoint Environment.   Some of you may remember an earlier post where I lamented on being told “Anything I could do on the web I can do in Sharepoint“.  So again I started my search for the answer.  To cut a long story short I found the answer thanks to endusersharepoint.com it is a lot simpler than I thought it would be…

What you need to do is…

• Create a Document library.
• Save your Media Files to this directory.
• Add a content editor web part and add the following code to the Source Editor Section:

<SELECT  id=cancion onchange=document.all.music.filename=document.all.cancion.value;  size=1 name=Music> <br>
<OPTION  selected>Please Select the Video you Wish to View</OPTION><br>

<OPTION  value=”URL of Video”> Name </OPTION><br>
<OPTION  value=”URL of Video”> Name </OPTION><br>
<OPTION  value=”URL of Video”> Name </OPTION><br>
<OPTION  value=”URL of Video”> Name </OPTION><br>
<OPTION  value=”URL of Video”> Name </OPTION><br>
<OPTION  value=”URL of Video”> Name </OPTION><br>

</SELECT><br>
<BR> <br>
<OBJECT  id=music height=505 width=640  classid=clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95> <br>
<PARAM  NAME=”AutoStart” VALUE=”true”> <br>
</OBJECT>

• You will need to change the URL for each individual Video and add a Name
• You may need to change the height and width depending on the files you are showing.

And this is the Final Result.

I guess it’s true anything you can do on the web you can do in Sharepoint.

Slideshows Should Be Easy Right?!!!

Posted by MrsAngell on Aug 8, 2010 in Help Guides | 0 comments

Where I work we use SharePoint 2007 and I remember when I first started using SharePoint I was told anything you can do on the web you can do in SharePoint.  Well today I found that this was not quiet true.  All I wanted to do was display a picture library as a Slideshow.  Should be easy right – apparently not!!  First place I turned to was my friend Twitter, followed by my friend Mr Google.  Mr Google gave me many options but nothing that did exactly what I wanted.  I then managed to find this site…. Images Slideshow in SharePoint 2007 using JQuery – I managed to negotiate around the site only thanks to my brilliant husband @AshleyAngell and finally managed to get it working.

What you need to do is…

• Create a picture library.
• Add the picture library as a web part to the page where you want the slideshow on.
• Add a content editor web part and add the following code to the Source Code Section:

<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js” type=”text/javascript”></script>
<script type=”text/javascript”>
var Imtech = {} || Imtech;
Imtech.Slideshow = function() {
this.images = null;
this.current = -1;
this.wrapper = null;
this.duration = 6000;
this.delay = 3000;
this.init = function() {
this.images = loadImages();
this.wrapper.css(“display”, “none”);
this.wrapper = $(“div.slideshow”, this.wrapper.parent(“:first”).append(‘<div></div>’));
this.wrapper.html(‘<img src=”‘ + this.images[++this.current] + ‘”/>’);
this.intervalObj = window.setInterval(this.showImage, this.duration + this.delay);
}

this.showImage = function() {
if (++slideshow.current >= slideshow.images.length) {
slideshow.current = 0;
}

slideshow.wrapper.fadeOut(slideshow.delay, function() {
slideshow.wrapper.html(‘<img src=”‘ + slideshow.images[slideshow.current] + ‘”/>’);
slideshow.wrapper.fadeIn(slideshow.delay);
});
}

var loadImages = function() {
var images = $(“table.ms-summarystandardbody td.ms-vb2 a[onfocus]“);
//var images = $(“table.ms-summarystandardbody td.ms-vb2 a”);
var imagesList = new Array(images.length);
var i = -1;
images.each(function() {
imagesList[++i] = this.href.replace(‘about:’, ”);
});
return imagesList;
}
};

var slideshow;

$().ready(function() {
slideshow = new Imtech.Slideshow();
slideshow.wrapper = $(“table.ms-summarystandardbody td.ms-vb2 a”).parents(“div[id^=WebPart]“);
slideshow.init();
});
</script>

• Make sure that the content editor web part has no title so it appears “hidden” on the page.

Hopefully if you work in SharePoint this makes making a slideshow for you a lot easier. Let me know how you go!