I'm creating a PowerPoint Add-In and wrestling with the JavaScript API.
I'm currently trying to show the list of slides (much like the left panel in powerpoint). I also want to highlight the slide that is currently worked on.
I got the index of the currently selected slide by:
Office.context.document.getSelectedDataAsync(Office.CoercionType.SlideRange,
function (result) {
result.value.slides[0].index; // selected slide
}
);
But I'm not able to enumerate all slides much yet get the image data of one.
In the old VSTO world I was able to iterate through slides with:
foreach (var slide in MyAdmin.ppApp.ActivePresentation.Slides)
And get slide image data with:
slide.Export(ImageName, "jpg",128,72);
and read it back from disk (although creating an image on the disk just for this seems wasteful).
Is there an equivalent of this in the office.js world?
Currently the JavaScript API does not have a method for getting the image of a slide. But it is a great idea! Please go to Office Developer User Voice and suggest this enhancement. You might also want to vote up this suggestion.
Related
I have some a set of 4 pictures that I would like to ad to a powerpoint slide. I'm wondering if it somewhat possible to drop these pictures into the slide, select them and have the fill up the whole slide by 2x2?
Looking for a faster solution than my current manual work.
I'd recommend that you take a look at SlideMight, a utility for merging data with PowerPoint templates; both text and images, in slides and tables. The usage is in principle similar to mail merge, with some more advanced stuff. Maybe this could help you with your task.
See www.slidemight.com.
Disclaimer: I am the developer and seller of SlideMight.
I have a question and i am confused what strategy i should choose to solve this.
Here is the description.
I have a gallery which is managed on user authentication.
Next I have basically a simple form which saves quotes into database.
Selecting an image from gallery it is opened in a canvas. I am using Adobe Creative SDK.
Here is the demonstration image.
Next i have to select(copy) text from database to add(paste) in text field but i have no idea how to do it.
This is the task i have to do for a client. I have never seen a similar example. This is seems unique. Please provide some suggestion on doing it.
Adobe Creative SDK's editor will not allow you to pre-populate text on an image so it's out of the question for this task. You could probably find a way to overlay text on top of the Adobe editor, but then the issue with saving the image rears its head.
If you don't need any of the other editing tools, you could simply create a canvas with the image, overlay the text and allow the user to choose the font, position the text, apply stamps, etc...
Once they're done, wire up a save button to post the field with the contents of canvas.toDataURL('image/png') and have something server-side to save it.
It will be more work than using someone else's widget, but the client will be in control of their own destiny (and have a working product which they wouldn't have before).
Keep it simple and build from there.
With Photoshop I have multiple web banners at different sizes that contain the same image. Is there a way to change the image on one psd file so that it will automatically change on all the other psd files?
I'm using Creative Cloud
Any help will be really appreciated
Thanks
Create the banner in the biggest size
Right click the layer and choose Convert to smart object
Create a new document with next banner measurements. Go back to the already created banner and use the move tool (v) and drag the layer/layers in to the new document.
If you now doubleclick your smart object (doesnt matter in which document) you will open a new document. If you make any changes there it will be changed in both banners.
You can choose more than one layer to become a smart object together. When you double click the smart object you will find all your layers separate but in the banner document it will only show as one file.
This is what the symbol on a smart layer looks like
One option is to use linked smart objects.
If you have photoshop CC you can follow this for instruction on how you'd do it.
(Sorry for the link only answer but it's a video and will make more sense then listing the steps)
if you use Photoshop CC 2014 or 2015 you can place images as linked files, same way as InDesign or HTML docs. Adobe gives now two choices Place Embeded or Place Linked.
I have an image of a living room, which I'm turning into a menu for a new site I'm working on. The idea is that you can click on certain items in the room, like a chair, desk, couch, etc and get taken to the desired page. I'm wondering if there is a clever way of doing this. Since the items are not simple shapes, I don't want to use a standard image map.
Thanks for you help!
I'm answering because a Google search brought me here...
Because you asked for a tool:
GIMP Has a really good Image map creation function.
Open your image in GIMP and select Filters > Web > ImageMap
From there you can create image maps by drawing on the image. Saving will generate HTML you can then tailor to your needs.
This tool looks to be a solid image mapper: http://www.image-maps.com/
I'd suggest doing this with a canvas and SVG's, it would make this quite a bit easier, and more professional.
As Korvin mentioned, doing this in SVG is probably the easiest option, because you can attach events to objects in SVG rather than having to manually specify a particular area in which to listen for events.
If you go this route, I recommend using the RaphaelJS library which has a nice syntax and the advantage of working in IE pre version 9. Here's a demo which, although it uses onmouseover instead of onclick, it might be close to what you're trying to achieve:
http://raphaeljs.com/australia.html
I currently have a basic Fancy Box gallery (link calls larger image and title that is then displayed in the Fancy box).
How/ What would be the best way to integrate a comments system into this? Each photo has member comments but I need a way to show these next to the photo in Fancybox.
You may consider my fancybox "a la" Facebook ;)
http://www.picssel.com/playground/jquery/fancyboxALAfacebook_26Mar12.html
You could insert any html in the right area.
Simple, Just like you display each picture with their independent comments, you will just display them into a larger box on click on a picture. just like facebook. Use whatever ajax u are currently using in the page into the box.