Javascript, HTML, and some pictures

Hello.
Some background.
We have Sharepoint Online 2013...the version that comes with the current Office 365 for businesses. On one of our sharepoint sites, we want to create a rotating image. I have put together for testing purposes an html file that will randomly rotate
through a series of images.
I can embed the html and javascript into a page easy enough but where can I put image files, and how to I reference those in my code?

Hi,
A common practice is that you can upload the images to a Document Library in the current site, then you can get the URL of the images like this:
We can see that, the path of images will have a similar structure and you can take use of it in your code easily.
Best regards
Patrick Liang
TechNet Community Support

Similar Messages

Messages received are not showing graphs and some pictures

When I download a message graphics and some pictures are just appearing as vacant box

Followed all - if I save email to another file as HTML, it is OK but I don't want to do that every time I look at an email containing images!

Imovie 11 inconsistent playback speed, pauses and some pictures skipped

imovie 11 very inconsistent playback speed, random pauses and then some pictures skipped totally... any fixes?

not from a camera...all itema are still pictures in the video....with transitions between the pictures

Midori and some pictures

I use a 0.2.6-1 version of Midori and when I use the speed dial or some "captcha" sites (like sharingmatrix.com) I get this:
http://i30.tinypic.com/300tm48.jpg
http://i27.tinypic.com/2u8bg8y.jpg
The first link shows some post which included a thumbnail or a normal "pasted" pic on the boards. The second one is the speed dial. I have added the pages to it, tried refreshing, but the "?" is still there.
So, why do I get those question mark boxes instead of pictures?

This bug report seemed to clarify the behaviour here as it states (in the first comment):
It shows only those thumbnails that had been there before (in earlier versions). And refuses to show the newly added ones even in cells 1-9.
But then I tried to add http://www.twotoasts.de/ - adding to the existing speed dial - and the thumbnail is shown (see here). This is on midori-git 20100725-1 (shown as Midori 0.2.6-236-ge2ac49a).
Could it be a GDK issue? I had a bunch of GDK-related warning messages with other applications from the AUR lately until I recompiled everything. Unfortunately, I cannot remember which were affected.
Nevertheless, I will try again with an empty setup later and report back.
BTW: The acid2 test does not even load here.
Edit:
OK, I tried with an empty setup. Thumbnails do show as expected (screenshot).
But I still get a bunch of GTK related error messages, like these:
$ midori
(midori:5163): GLib-CRITICAL **: g_hash_table_lookup_extended: assertion `hash_table != NULL' failed
(midori:5163): GLib-CRITICAL **: g_hash_table_insert_internal: assertion `hash_table->ref_count > 0' failed
(midori:5163): Gtk-CRITICAL **: gtk_widget_get_settings: assertion `GTK_IS_WIDGET (widget)' failed
(midori:5163): Gtk-CRITICAL **: gtk_icon_size_lookup_for_settings: assertion `GTK_IS_SETTINGS (settings)' failed
(midori:5163): GdkPixbuf-CRITICAL **: gdk_pixbuf_scale_simple: assertion `dest_height > 0' failed
(midori:5163): GLib-GObject-WARNING **: invalid uninstantiatable type `<invalid>' in cast to `GtkWidget'
(midori:5163): Gtk-CRITICAL **: gtk_widget_get_screen: assertion `GTK_IS_WIDGET (widget)' failed
(midori:5163): GLib-CRITICAL **: g_hash_table_insert_internal: assertion `hash_table->ref_count > 0' failed
(midori:5163): Gtk-CRITICAL **: gtk_widget_get_settings: assertion `GTK_IS_WIDGET (widget)' failed
(midori:5163): Gtk-CRITICAL **: gtk_icon_size_lookup_for_settings: assertion `GTK_IS_SETTINGS (settings)' failed
(midori:5163): GdkPixbuf-CRITICAL **: gdk_pixbuf_scale_simple: assertion `dest_height > 0' failed
(midori:5163): GLib-GObject-WARNING **: invalid uninstantiatable type `<invalid>' in cast to `GtkWidget'
Not sure, however, if this relates to the problem.
Last edited by bernarcher (2010-08-01 06:03:28)

How to create a slide show using Flash and some pictures

I looked at many books but I can't find how I can make a slide show using flash. Can anyone give me some idea how I might go with this?

What you should do is search Google for things like "Flash slideshow tutorial" or if you know what version of actionscript you want to use, try using that in place of "Flash" in the search terms.

Hi! I lost all the programs on my mac book's hard-drive. I reinstalled Mac os x snow Leopard Disc, the computer, now works well.But, I am unable to load my address book and transfer some pictures for a CD (I used to have) back to the Mac Book. Can you hel

I am trying to reinstall my programs (which I lost when my hard-drive crashed) on my Mac Book.
The unit works well, having used my mac os x Leopard Cd.
I am however, unable to load my Address Book (from a stick) and some pictures from a Cd which used to work previously on the unit.
Can you help?

I am trying to reinstall my programs (which I lost when my hard-drive crashed) on my Mac Book.
The unit works well, having used my mac os x Leopard Cd.
I am however, unable to load my Address Book (from a stick) and some pictures from a Cd which used to work previously on the unit.
Can you help?

Can any one tell me how to include the company logo and some poictures into the Teststand report

1. Can any one tell me how to include the company logo and some pictures into the Teststand report?
2. How to include the waveforms into the report?

http://zone.ni.com/devzone/cda/epd/p/id/3619
jigg
CTA, CLA
teststandhelp.com
~Will work for kudos and/or BBQ~

Why can't I print some pictures from my phone?

I have taken pictures on my phone, used the usb at Kinko's and some pictures just don't show up?

I have a Samsung Intensity II. Compared to me, it's not old at all but then
again...with these things they are basically obsolete as soon as you walk
out the door. I couldn't find where to update software anywhere in my
settings. I guess I may have to go to a Verizon store to fix the problem.
On Mon, Feb 18, 2013 at 5:24 PM, Ashton Roesbery <

Some pictures disappear when synchronizing to iPad

When syncronizing my iPad (3. gen wifi + cell) with the iPhoto (9.3.2) library on my iMac (OS 10.8.1), some of the pictures go missing on the iPad. Actually it is two entire events, and some pictures within other events. Out of approx. 5.500 pictures that is in my iPhoto library on the iMac, only 3.500 end up on the iPad. I have tried checking and un-checing the boxes in the sync panel in iTunes etc. I also tried to make an album of the two events that won't syncronize, but with no luck.
In iTunes I can see that the number of pictures selected to syncronize is over 5.000, but when syncronizing starts the status bar indicates that onlye 3.000 pictures are actually beeing syncronized.

Try deleting the iPod photo cache folder. That might help in this situation. You can read about it here.
http://support.apple.com/kb/ts1314

Lining some divs up, one with a fireworks html and another with a jQuery slideshow

I am having an issue lining two divs up within a div. One div has a fireworks html in it (by the way, I can't figure out why that the button states arent' working. I inserted the code via the insert menu > image objects > fireworks html, but for some reason the button states work. When I open the navbar.htm in the file browser, it opens it up in dreamweaver and it works perfectly in live preview). The other div has a simple jQuery slideshow. I have these two divs in a greater overall div named "div id=wrapper". How can I line these up so that the nav div and body div are flush against each other within the wrapper div?
I plan on putting additional divs above and below the wrapper div for more content. If anyone has insight on why the fireworks html isnt working when inserted, that would be great!!
Here is the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Richard J. Craddock Designs</title>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-3119473-8']);
_gaq.push(['_setDomainName', 'none']);
_gaq.push(['_setAllowLinker', true]);
_gaq.push(['_trackPageview']);
(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
</script>
<link href="stylesMain.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
background-color: #2f2f2f;
width: 50 em;
.fadein { position:relative; height:332px; width:500px; }
.fadein img {
position:absolute;
left:0px;
top:0px;
width: 784px;
}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}
</style>
<script src="scripts/jquery.min.js"></script>
<script>
$(function(){
$('.fadein img:gt(0)').hide();
setInterval(function(){$('.fadein :first-child').fadeOut().next('img').fadeIn().end().appendTo('.fadein');}, 3000);
</script>
</head>
<body>
<div id="wrapper">
    <div id="navdiv">
      <table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="148">
        
        <tr>
          <td><img src="images/spacer.gif" alt="" name="undefined_2" width="148" height="1" border="0" id="undefined_2" /></td>
          <td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="1" border="0" id="undefined_2" /></td>
        </tr>
        <tr>
          <td><a href="http://www.rjcraddockdesigns.com/company profile.php" target="_self" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','craddocknavbar_r1_c1_s1','images/craddocknavbar_r1_c1_s2. jpg','craddocknavbar_r1_c1_s4.jpg',1);" onclick="MM_nbGroup('down','navbar1','craddocknavbar_r1_c1_s1','images/craddocknavbar_r1_ c1_s3.jpg',1);"><img name="craddocknavbar_r1_c1_s1" src="images/craddocknavbar_r1_c1_s1.jpg" width="148" height="65" border="0" id="craddocknavbar_r1_c1_s1" alt="Richard J. Craddock Landscape Design in Nantucket: Company Profile" /></a></td>
          <td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="65" border="0" id="undefined_2" /></td>
        </tr>
        <tr>
          <td><a href="http://www.rjcraddockdesigns.com/services.php" target="_self" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','craddocknavbar_r2_c1_s1','images/craddocknavbar_r2_c1_s2. jpg','images/craddocknavbar_r2_c1_s4.jpg',1);" onclick="MM_nbGroup('down','navbar1','craddocknavbar_r2_c1_s1','images/craddocknavbar_r2_ c1_s3.jpg',1);"><img name="craddocknavbar_r2_c1_s1" src="images/craddocknavbar_r2_c1_s1.jpg" width="148" height="65" border="0" id="craddocknavbar_r2_c1_s1" alt="Richard J. Craddock Landscape Design in Nantucket: Services" /></a></td>
          <td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="65" border="0" id="undefined_2" /></td>
        </tr>
        <tr>
          <td><img name="craddocknavbar_r3_c1_s1" src="images/craddocknavbar_r3_c1_s1.jpg" width="148" height="395" border="0" id="craddocknavbar_r3_c1_s1" alt="" /></td>
          <td><img src="images/spacer.gif" alt="" name="undefined_2" width="1" height="395" border="0" id="undefined_2" /></td>
        </tr>
      </table>
    </div>
     <div id="bodydiv">
    <div class="fadein">
<img src="images/slideshow/1jquery.jpg">
<img src="images/slideshow/2jquery.jpg">
<img src="images/slideshow/3jquery.jpg">
<img src="images/slideshow/4jquery.jpg">
<img src="images/slideshow/5jquery.jpg">
<img src="images/slideshow/6jquery.jpg">
<img src="images/slideshow/7jquery.jpg">
<img src="images/slideshow/8jquery.jpg">
</div>
</div>
    </div>
<div id="navigationlower">
    <p><a href="http://www.rjcraddockdesigns.com/index.php" title="Richard J. Craddock Designs Home Page">Home</a> - <a href="http://www.rjcraddockdesigns.com/company profile.php" title="Richard J. Craddock Designs">Profile</a>- <a href="http://www.rjcraddockdesigns.com/services.php" title="Richard J. Craddock Designs">Services</a></p>
<strong>Richard J. Craddock Designs, 2011</strong></p>
<p><strong><a href="http://cwws.org" title="Common Wealth Web Solutions" target="_new">Designed by CWWS</a></strong></p>
<p><a href="https://www.facebook.com/RJCLandscapeDesigns"><img src="facebook icon.png" width="60" height="60" /></a></p>
</div>
</body>
</html>

Now that I got rid of the fireworks html and replaced with swf, the code is a bit shorter:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Richard J. Craddock Designs</title>
<script src="scripts/swfobject_modified.js" type="text/javascript"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-3119473-8']);
_gaq.push(['_setDomainName', 'none']);
_gaq.push(['_setAllowLinker', true]);
_gaq.push(['_trackPageview']);
(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
</script>
<link href="stylesMain.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
background-color: #2f2f2f;
width: 50 em;
.fadein { position:relative; height:332px; width:500px; }
.fadein img {
position:absolute;
left:0px;
top:0px;
width: 784px;
}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}
</style>
<script src="scripts/jquery.min.js"></script>
<script>
$(function(){
$('.fadein img:gt(0)').hide();
setInterval(function(){$('.fadein :first-child').fadeOut().next('img').fadeIn().end().appendTo('.fadein');}, 3000);
</script>
</head>
<body>
<div id="wrapper">
    <div id="navdiv">
      <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="148" height="525">
        <param name="movie" value="images/craddocknavbar.swf" />
        <param name="quality" value="high" />
        <param name="wmode" value="opaque" />
        <param name="swfversion" value="6.0.65.0" />
        
        <param name="expressinstall" value="scripts/expressInstall.swf" />
        
        
        <object type="application/x-shockwave-flash" data="images/craddocknavbar.swf" width="148" height="525">
          
          <param name="quality" value="high" />
          <param name="wmode" value="opaque" />
          <param name="swfversion" value="6.0.65.0" />
          <param name="expressinstall" value="scripts/expressInstall.swf" />
          
          <div>
            <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
            <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
          </div>
          
        </object>
        
      </object>
    </div>
     <div id="bodydiv">
    <div class="fadein">
<img src="images/slideshow/1jquery.jpg">
<img src="images/slideshow/2jquery.jpg">
<img src="images/slideshow/3jquery.jpg">
<img src="images/slideshow/4jquery.jpg">
<img src="images/slideshow/5jquery.jpg">
<img src="images/slideshow/6jquery.jpg">
<img src="images/slideshow/7jquery.jpg">
<img src="images/slideshow/8jquery.jpg">
</div>
</div>
    </div>
<div id="navigationlower">
    <p><a href="http://www.rjcraddockdesigns.com/index.php" title="Richard J. Craddock Designs Home Page">Home</a> - <a href="http://www.rjcraddockdesigns.com/company profile.php" title="Richard J. Craddock Designs">Profile</a>- <a href="http://www.rjcraddockdesigns.com/services.php" title="Richard J. Craddock Designs">Services</a></p>
<strong>Richard J. Craddock Designs, 2011</strong></p>
<p><strong><a href="http://cwws.org" title="Common Wealth Web Solutions" target="_new">Designed by CWWS</a></strong></p>
<p><a href="https://www.facebook.com/RJCLandscapeDesigns"><img src="facebook icon.png" width="60" height="60" /></a></p>
</div>
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
</body>
</html>

Can I package an app using just html and javascript and not flash ?

Hi :
Sorry for the question, but I'm a little confused.
I know I can use javascript with adobe air, I made some test and works great, but I'm not sure if my app will work in an iphone after I build the package.
Thanks in advanced.

No, that's not supported in this version of PFI. From the Developer Guide: "You cannot write HTML- and JavaScript-based AIR applications for the mobile device profile."

Simple HTML and Javascript iView

Hello,
I am new to portal content development so please just point me in the right direction...
I have a simple requirement to render some HTML and javascript in an iView for EP 6. I do not need to pull anything from a backend system etc so I think this is a pretty straight forward work.
Any suggestions?

Hi,
There are two ways, you can achieve this:
1. To create a AbstractPortalComponent and include your HTML as resource in responce.
Check this example, where a JSP is included in responce you should put your HTML and also IResource type as IResource.STATIC_PAGE
IResource staticResource = request.getResource(IResource.STATIC_PAGE , "html/checkres.html");
http://help.sap.com/saphelp_nw70/helpdata/EN/49/4dae42cb9f0f31e10000000a1550b0/frameset.htm
2. You can place your HTML and Javascripts in KM and use the KM Doc IView to show them.
http://help.sap.com/saphelp_nw70/helpdata/EN/fc/cf14bcd42911d5994400508b6b8b11/frameset.htm
If you want to have the flexibility to change the HTML quite often with out redeploying the par file then choose option 2.
Regards,
Praveen Gudapati

I like to use my pictures as the screen saver on my Sony Bravia through Apple TV. Why is the shuffle so bad? I get a set of pictures very regularly and some that never come up at all.

I like to use my pictures as the screen saver on my Sony Bravia through Apple TV. Why is the shuffle so bad? I get a set of pictures very regularly and some that never come up at all.

Thanks for sharing, but you are not addressing Apple here. This is a user-to-user forum.
You can leave feedback for Apple at:
www.apple.com/feedback/iphone.html
Maybe you should make an appointment at the Genius Bar, my iphone works just right.

Some pictures in I-Photo seem to be corrupted. When I click on them, the photo comes up for a second, then the picture turns black with a white fuzzy circle inside it and what looks like an explanation mark. Some older, some newer, no common thread.

Some pictures in I-Photo seem to be corrupted. When I click on them, they come up for a second, then turn black with a white circle in the middle and what looks like an explanation mark. There does not seem to be any rhyme or reason to the photos that are a problem, some older ones, some newer, some albums have none, some albums have a lot.
Thanks,
Mark

time to time (when I have a chance), I will go to Finder, bring up ALL Images and start going through them to label them (before I put a label on them, they are simply listed as 123 jpg, 124 jpg etc.).
You're damaging the Library doing that, and that's the cause of your problem.
Never, ever, ever use the All Images search and work on items in yoyr iPhoto Library. They must only be accessed via the iPhoto window.
Restroe from abck up or try rebuild the Library:
Download iPhoto Library Manager and use its rebuild function. (In early versions of Library Manager it's the File -> Rebuild command. In later versions it's under the Library menu.)
This will create an entirely new library. It will then copy (or try to) your photos and all the associated metadata and versions to this new Library, and arrange it as close as it can to what you had in the damaged Library. It does this based on information it finds in the iPhoto sharing mechanism - but that means that things not shared won't be there, so no slideshows, books or calendars, for instance - but it should get all your events, albums and keywords, faces and places back.
Because this process creates an entirely new library and leaves your old one untouched, it is non-destructive, and if you're not happy with the results you can simply return to your old one.
Next: You need to learn how to use iPhoto. There's no need to be dragging things to the desktop:
For help accessing your photos in iPhoto see this user tip:
https://discussions.apple.com/docs/DOC-4491

I had to get a new hard drive and some of my pictures show up but when I go to click on them to open them there is a triangle with an exclamation mark.

I had to get a new hard drive and some of my pictures show up but when I go to click on them to open them there is a triangle with an exclamation mark. Did I loose those pictures or is there a problem with iphoto

How about the most likely occurance - something incorrect about how the iPhoto library was transfered
What version of iPhoto '11 (9.4.3 is the latest)?
exactly how was your iPhoto library transfered to your new hard drive
This indicates that there is a problem in the iPhoto database - a possible solution to try is Back up your iPhoto library, Depress and hold the option (alt) and command keys and launch iPhoto - rebuild your iPhoto library
Why did you get a new hard drive? What kind of backup do you have?
LN

Javascript, HTML, and some pictures

Similar Messages

Maybe you are looking for