Image Carousel with Rating Capabilities

Experts:
I have pictures stored in a pictures library in a SharePoint 2010 site and want to display them in a slideshow. When a picture is loaded, I want to display the rating control so that users can rate the picture. So far, using JQuery, I am able
to create the slideshow, but don’t know how to put a rating control on the image. Has anyone done something like this.
A nice to have feature would be to also show top rated picture.
Thanks
Praveen
Praveen Pandey

From experience, there isn't a very straight forward to bring the rating control in your type of scenario. The following can provide a starting place:
http://stackoverflow.com/questions/5491980/how-to-get-user-rating-programatically-in-sharepoint-2010
Dimitri Ayrapetov (MCSE: SharePoint)

Similar Messages

Promoted links with Image Carousel (Rotating Banner)

Hi,
I am using promoted links webpart. I want to have cycle of images. For eg: I have 10 images . With the slider , I can go to next image horizontally. Once I reach the 10th image,there won't be any next option. I want to display the 1st image after
the 10th. Means, the sliding should be never ending. How can I achieve this. I think I can use javascript to override the default promoted links functionality. Please suggest on how to do this. Thank you

Hi,
According to your post, my understanding is that you want to achieve rotating banner for promoted links web part.
With JavaScript, it will be easier to implement such a web part.
Here are two links with code demos for your reference:
http://www.codeproject.com/Articles/667584/Image-Rotator-in-JavaScript
http://jsfiddle.net/jtbowden/UNZR5/1/
You can also take use of these jQuery image plugins in your project:
http://www.jssor.com/index.html
http://www.webdesignerdepot.com/2011/08/25-jquery-image-galleries-and-slideshow-plugins/
Thanks & Regards,
Jason
Jason Guo
TechNet Community Support

AS3 Image Carousel

Hi I am trying to replicate the an image carousel like the
one on nissanusa.com.
I have created a movie(image1) with five layers containing
the images.
and given them instance names ClipA, ClipB, etc.
I then moved ClipA from the top layer to below ClipB but then
the listeners dont catch any mose roll over.
Any Ideas?
Is there a way to dynamically move them up or down layers?
image1.clipA.addEventListener(MouseEvent.ROLL_OVER,overFunction1);
image1.clipA.addEventListener(MouseEvent.ROLL_OUT,outFunction1);
image1.clipB.addEventListener(MouseEvent.ROLL_OVER,overFunction2);
image1.clipB.addEventListener(MouseEvent.ROLL_OUT,outFunction1);
function overFunction1(obj:Object) {
trace ("on roll called");
display_txt.text = "CLIP A";
bgdark.visible = true;
image1.stop();
image1.clipA.gotoAndStop(10);
image1.clipB.gotoAndStop(20);
image1.clipC.gotoAndStop(20);
image1.clipD.gotoAndStop(20);
image1.clipE.gotoAndStop(20);
Thanks
Chris

you can use the setChildIndex() (or
swapChildren()/swapChildrenAt() ) methods of the
displayobjectcontainer class to control depths.

Multiple images associated with a page.

I want some pages to have multiple images associated with them. Currently, you can insert one image per page using the page properties. What if you want to have multiple images associated with a page? For example, you might want to have a large image, small image, a logo image, and an icon (all different images not just different sizes). I was thinking of overriding the page propties and adding those images to the dialog. Any thoughts?

Awstewar1,
Actually, the only use to image associated with page properties that I know is to use it on carousels. I realy don't see a need to do what you want, because you can get this "multi-render" effect directly from DAM. If you double click your asset on DAM, on the right side of the page there is multi-size samples, and you can even change this, and you can even use this multi-sized images, referencing the direct path that DAM generates to you.
Maybe if you tell us your needs, we can think about another solutions (:
Regards.

Problem loading Image data with French accent in file name

We have a very complex commercial application that has been working perfectly in English for over a year. We have now localized it to French and Spanish, and discovered a serious show-stopping problem. We need help fast, with the scheduled release being less than 2 weeks away...!
We iterate over a folder to find all the images in it, then display those in a user window. The code for loading the images is:
            for each (var name:String in filenames){
                var image:SmoothImageTransformable = new SmoothImageTransformable();
                var imagePath:String = dir + "/" + name;
                image.source = imagePath;
                trace("Adding Item to picture carousel with url " + image.source);
                image.data = {directory:dir, filename:name};
                image.isDragEnabled = true;
                image.setStyle("horizontalCenter", 0);
                image.setStyle("verticalCenter", 0);
                _images.push(image);
Our SmoothImageTransformable class is an internal class that inherits from Image. This all works fine for image names like 'myFavoritePhoto', 'test', 'photo346', etc. However, it fails to load the data if the file name is something like 'caméra' Any name with a UTF-8 character causes the data load to fail.
To be sure we weren't doing a load somewhere else in the code that I had overlooked, I added a "image.autoLoad = false' line in there. That did exactly as expected -- all image squares then show a grey blank, with no image shown. Removing that line (reverting to the original code, as shown above) causes all the images to work perfectly, except for those with French accent characters like the é.
HELP! Is this a known bug? Is there some additional setting I need to make it understand the extended character set? I can't find any mention about this at all in the documentation.

@markerline:
We have a fix! Almost... I don't understand one aspect of what I am seeing though.
We have one test file named "camèra.jpg" that is an example of what I am unable to load into an Image. I decided to examine the character codes at each letter, and this is what Flex has as the string:
name = cam?ra.jpg
   [0] = c; 0x99
   [1] = a; 0x97
   [2] = m; 0x109
   [3] = ?; 0x232
   [4] = r; 0x114
   [5] = a; 0x97
   [6] = .; 0x46
   [7] = j; 0x106
   [8] = p; 0x112
   [9] = g; 0x103
Note that the è prints as gibberish in the trace statement, and shows a numeric encoding of 0x232. According to
     http://docstore.mik.ua/orelly/web2/action/appb_01.htm
The unicode equivalent of Latin1 for è is 0xE8, which is equivalent to 0x232. That implies that the string is already Latin1, which I would think would mean that Windoze would recognize the file name and open it properly -- but it does not.
I then tried taking the "camèra.jpg" string, pasting it into NotePad++ in a UTF8 document, then telling NotePad++ to display as ASCII. The result is "camÃ¨ra". I then tried just forcing the file name within Flex to this new mangled string. The result then is:
MAGIC name = camèra
   [0] = c; 0x99
   [1] = a; 0x97
   [2] = m; 0x109
   [3] = ?; 0x195
   [4] = ?; 0x168
   [5] = r; 0x114
   [6] = a; 0x97
   [7] = .; 0x46
   [8] = j; 0x106
   [9] = p; 0x112
[10] = g; 0x103
Note this time the trace statement looks proper. More important, the IMAGE DOES LOAD! (Our display of the name to the user now looks like crap, but that just means I need to modify our class to have a separate 'name' property, rather than extracting it from the 'image.source')
So... my remaining question -- what encoding did I just do through that NotePad++ incantation? That site I quoted above said that it was already Latin1, which is what I thought I was trying to get to. I clearly need to write a method to map from incoming (UTF8 I thought, but maybe Latin1?) to Windows file system (Latin1 I thought, but maybe ASCII).
In other words, I am not sure what charcter set to come from or go to... It turns out the code was already in the character set I had been trying to go to (which is why it wasn't working) and the set I seem to need to go to is not the one I thought...

Multiple File & Image uploads with Developers Toolbox

I am considering purchasing the Developers Toolbox if it will
save me some time. The online information isn't very detailed and I
am curious if it has the capabilities of handling multiple image
uploads. For instance I'm building a news page where a news article
will contain more than one image. Is this beyond the scope of the
Developers Toolbox or am I better just hand coding?

multiple image upload
(with optional resizing) and file upload features are
available in ADDT when using the PHP_MySQL server model -- without
hand coding.

Recommend me image viewer with printing

In accordance with [1]:
"I'll be happy with any ... DE-neutral image viewer with decent printing capabilities (rotate, scale, ...). Can anybody suggest one?"
[1] https://bbs.archlinux.org/viewtopic.php?id=117564

Inxsible wrote:
rson451 wrote:
Inxsible wrote:I would be interested in your search as well, because I currently use mirage and feh to set my wallpapers...but I am looking for something lighter than mirage, but one which can do rotation as well, so I dont have to connect my HDD to the windows machine, just to set some pictures right.
Offtopic, but did you know feh has a right click menu? Rotation is in this menu.
Oh yes, I do know the right click. but I guess I never looked hard enough for the rotation as I do it very infrequently. Thanks for the tip.
How would I set feh, so that when I double click a image file, feh would start up and show that image? If I can get that (and I haven't tried that yet), I guess I can get rid of mirage then.
That's not an feh config, that's a config for whatever file manager you are using. I'm not sure of the options you'd need to pass feh because I always run it on the command line.

Add image carousel

Hi All,
I have been trying to add an image carousel using an HTML viewer widget in my Hana portal website in vain.
I have an index file with the carousel, which i have uploaded in the content folder along with the images; but when i use it in the html viewer, it doesn't work.
Any suggestion?
Thanks,
Arka

I see you have put the HTML and the entire JS code on your document repository.
Basically the document repository is not meant to contain application code, however it might work nonetheless.
Note that for files to be available to consume externally, they would need to be put inside the Public directory of the repository. Files put outside the Public folder can only be consumed in specific out-of-the-box widgets (like the Image widget, Document widget, etc.)
Try putting your files in a folder inside the Public directory.

Photoshop-When opening image without tab view, image opens with only a portion in view

I having an issue with CC.
When electing in the preferences to not open image in Tabs. The images open with only about 25% of the image area showing. Forcing me to (command) 0 for full to screen preview or (command) +/- to see the image.
I am not talking about seeing the image at 100% resolution just the entire image within the floating window without having to command before view.
Sidenote: Adobe Customer Service is all based in India. I spent 4 hours on the phone only to hear that this is that way photoshop works.
There would be no logical explanation for this. Since the first version of Photoshop this has not been the case.
I think this should be called view porn with wife in the room mode. Other than that I see no point.
Can anyone help?
Lv
Chadwick Tyler

Moving discussion to Photoshop forum.

Image processing with imaq vision with 2 webcams on the same computer

Hi,
I'm currently trying to set up 2 usb webcams (logitech quickcam for notebooks pro). I want to be able to have them both run simultaneously and do some image processing with the images that I get from both cameras with labview and imaq vision.
As of right now, I'm having trouble getting both cameras to run at the same time. Any help would be gladly appreciated. Thanks.

The USB IMAQ driver will not support running 2 USB cameras at a time (I believe it is a limitation of the DirectShow interface). You could open one camera, acuqire an image, close the reference to that camera and then do the same for the second camera.
If you need simultaneous acquisition, look at possibly moving to 1394 cameras or analog cameras.

How Do You Make an Image Flow with the Text?

Hello all,
I am using CS4 InDesign on Windows Vista. I am fairly new to Indesign but try to do my research and homework well before asking what I hope is not a really dumb question.
I am writing a book of approx. 350 pages that is an illustrated encyclopedia of 156 plants and their oils.
Each 2 page spread is a single entry for a plant. The graphics frames on each spread are identical in size, position and styles for a consistent look throughout the document.As you can see (hopefully) each page is a single column. See screenshot below
In order to overcome my first problem of positioning and sizing the graphics frames uniformly, I created the master pages with the graphics placeholders sized, positioned and formatted to my liking. This worked wonderfully and I placed all of my 300+ graphics by simply over riding each frame.
Then in my editing I decided to add another 2 page spread somewhere in the middle of this fairly large document.
What a NIGHTMARE. The text predictably shifted but now ALL of my graphics were no longer associated with the corresponding text! Arrrgghhh.I had not anticipated this behavior (used MS Word for 15 years) or I would have done something different.
3 hours later I finished re -"placing" the images associated with the correct text.
I researched the help file and found out about the neccessity of anchoring graphics to text. I have read through the threads in this forum, followed links to "indesignsecrets.com/make-an-image-flow-with-the-text" and " Working with anchored objects by Anne Marie Concepcion"
My concerns are this.
An inline graphic places the graphic back onto your text layer for some reason ( Previously my graphics each had their own layer)
Not wanting to start (again) from scratch with my graphics I converted them to inline/custom anchored objects.
But to select then cut then paste every pre existing graphic to anchor it inline seems to be cumbersome and counter intuitive although the top smaller graphic did position well and the text seemed to wrap ok.
When I placed the larger bottom graphic on the left facing page using custom positioning I was not able to get the text to wrap at all.( The in line anchoring did not seem to allow for positioning on anything but the 'Y' axis).
It seems that there would be a simpler way to place text and graphics where you want them and have them associate and flow together (or not) when you want them to and have text wrap easily around an anchored object without keyboard gymnastics. It would seem that the concept of a certain graphic being associated or linked with certain text would not be an unusual concept in desktop publishing.
Am I missing something?
Can you place an anchored graphics frame on the master page with your desired options?
How would this be done if possible?
Is there any other way (i.e grouping) to keep graphics associated with the desired text so that it flows together if extra pages are added?
Is the fact that my graphics frames are on my master pages responsible for my text wrap difficulty? (I have text wrap enabled on my master pages)
Are there any settings, redundant or otherwise, I need to be aware of?
Thank you in advance for any suggestions or directions
L.N.

Hello Again,
Thank You Bob but I am still a little fuzzy on this. I have already created object styles for the graphics frames. For instance the small graphic underneath the heading (Its a drop of oil) has an object style applied. Now I checked and it has the anchored object options checked in the style dialog box. When I reapply the style to the next similar graphics nothing happens. It is still not anchored. Do I need to create a new style based on "nothing" add my effects plus the anchoring options? Basically start over. If thats what I need to do thats OK. As to your instruction that object styles could accomodate this anchoring thing...thats what I thought too but somehow I can't get it to work. See object style dialog box screenshot below:
For the larger graphic on the bottom of the left facing page. I still cannot get any text to wrap. In the screenshot example the text describing this particular plant doesn't go to the bottom of the page so the wrapping issue on this page is moot. However I have some entries where the body of the description is more involved and does go to the bottom of the page and the text WOULD need to wrap around the plant (larger ) graphic.
Hi there Harb, Yes I found out early on that object styles can't apply size (that would be on my wish list for sure) That is why I found that creating my graphics frames on the master page with the correct size, effects and positioning tickled me so much. Can you believe I originally went through and MANUALLY resized and repositioned each and every 300+ graphics in this book but it still wasn't right. I'm nothing if not persistent. (Now if I could just get my grown sons to pick up their socks!)
Anyway the master page graphics frames idea would be perfect if I could get the images to anchor in their respective spots on the master page as well.
For your second suggestion. I am not clear about why I would need to break the threads of each spread so that each spread is a seperate article. Is the threading issue the thing that is causing my text to move on leaving their associated graphics behind? If so how do I go about doing this?
So to recap:
1. I need to know if I can modify my object style or recreate from scratch with the anchoring option (as I said it didn't work)
2. Can't get text to wrap around the Custom anchored graphic at bottom of page at all
3. Im not clear on the breaking the threading on the spreads
I am willing to go back through and start from scratch (new master pages, styles etc ) if neccesary. This book is the culmination of 7 years of research and artwork.Basically the project is DONE. Now if I can just format it correctly.
I can't thank you both enough for your time, suggestions, expertise and patience.
Thanks again
LN

Creating a .jpg image from with in the J2ME app

Hi,
I want to send a document to the printer over bluetooth to print.
For that I searched on net, but couldn't find any APIs supported by J2ME to print it. I also found a link http://www.hcilab.org/documents/tutorials/Brother/ where I found that I can send the data by creating an image and then writing data (text or image ) in to it, and then sending that image to print.
Image img = Image.createImage(816, 40);
Graphics g = img.getGraphics();
g.setColor(0, 0, 0);
g.setFont(Font.getFont(Font.FACE_PROPORTIONAL, Font.STYLE_BOLD,Font.SIZE_LARGE));
g.drawString("Printing test from "
                         + System.getProperty("microedition.platform") + " on "
                         + new Date(), 10, 10, 0);
driver.print(img, btAddr);This code is working fine on this printer.
I am using HP 460cb printer, and I tried the same thing, but am not getting any results. Can any one of you tell me what mistake am I making.
                Image blankImage = Image.createImage(SpotBilling.MAX_IMG_WIDTH, SpotBilling.MAX_IMG_HEIGHT);
                Graphics g = blankImage.getGraphics();
                g.setColor(0,0,0);
                g.setFont(Font.getFont(Font.FACE_PROPORTIONAL, Font.STYLE_PLAIN, Font.SIZE_SMALL));
                g.drawString("Printing test on Wednesday - 18th Jan, 2006", 10, 50, Graphics.TOP|Graphics.LEFT);
                g.drawImage(imgTest, 60, 150, Graphics.HCENTER | Graphics.VCENTER);
                int width = blankImage.getWidth();
                int height = blankImage.getHeight();
                int y = 0;
                os.write(CMD_UNIVERSAL_EXIT);
                for(int i = 1; i<=height; i++){
                         blankImage.getRGB(temp, 0, width, 0, y, width, 1);
                         byte[] pixels = new byte[width];
                         for (int x = 0; x < temp.length; x++) {
                              pixels[x] = (byte) ((((temp[x] & 0x00FF0000) >> 16)
                                   + ((temp[x] & 0x0000FF00) >> 8) + (temp[x] & 0x000000FF)) / 3);
                         // Transfer Raster Graphics
                         os.write(TRANSFER_RASTER_DATA);
                         byte[] len = numToDecimal(pixels.length);
                         os.write(len);
                         os.write(DATA);
                         os.write(pixels);
                         y++;
                    }I have another query, if I can not do this. Is there any way I can create a .jpg image from with in the J2ME application.
I have some text and an image that I get by invoking camera from the code and then capturing a picture. I need to combine them both, and then send it to the printer.
If there is any way, I can convert this blankImage mentioned above (containing both text and Image), please provide me the solution.
Any document or any source code is appreciated.
regards,
Ashish

I have succeeded in creating a mutable image that contains text and image (.png), through
                     Image img;
                     img = Image.createImage(50, 60);
     protected void paint(Graphics g){
          g.drawImage(img, getWidth()/2, getHeight()/2, Graphics.HCENTER | Graphics.VCENTER);
          Graphics graph = img.getGraphics();
          graph.setColor(0, 0, 0);
          graph.setFont(Font.getFont(Font.FACE_PROPORTIONAL, Font.STYLE_BOLD,
                         Font.SIZE_LARGE));
          graph.drawString("Printing test from "
                                   + System.getProperty("microedition.platform") + " on ", 10, 10, 0);
          graph.drawImage(image, img.getWidth()/2, img.getHeight()/2,Graphics.HCENTER|Graphics.VCENTER);
          graph.fillArc(0,0,10,10,0, 360);
     }Now I want to create a .jpg image of this img image(Mutable image).
What I am doing is that,
1. I am converting this image in to int array, using getRGB() method.
2. Then I am converting int array in to byte array.
3. And then I am opening a file(extension is .jpg)
4. Then I am sending this byte array in to the file which is .jpg
The .jpg file is getting created, but the data in it is very absurd, like yyyyyyyyyyyyyyyyyyyyyyyy.
Please help me in this matter.
Regards,
Ashish

Photos in my from my iPhone have same numbering as photos from my dig camera. They all go into iPhoto fine but when I backup to my ext hard drive it will only save one with the name IMG 1002 and I have two separate images both with that name. Help?

Photos in my from my iPhone have the same numbering as photos from my digital camera. They all go into iPhoto fine but when I backup to my ext hard drive it will only save one with the name IMG 1002 and I have two separate images both with that name. How do I get them all to save on my ext hard drive and hope do I prevent this numbering overlap in the future? I'm really hoping I don't have to go through and manually rename every single picture. Thanks.

How are you backing up the photos? The best way is to backup the library itself as that will preserve your organizational efforts as well as all metadata like keywords, titles, faces, places, books, etc.
You can use a backup application that does incremental backups. Thus only the first backup is a full one and subsequent backups just copy those files that are new or changed. I use Synk Pro. The lower cost version, Synk, will do the same job. Other similar apps can be found at MacUpdate.com.
OR: upload your camera to a folder on the Desktop. There you can rename the files to something that is more informative than just the file name. I use the date (international format) along with a brief desc: 2007-1-20-adian1stbday-001.jpg. File renaming apps can also be found at MacUpdate.com. Also you can give the folder an informatve name which will become the Event name when you import the folder of photos into iPhoto.
OT

I still use Aperture 2.1.4. I need to export an image file with a CMYK profile. Whereas a generic CMYK profile is listed in ColorSync Utility, it does not appear on the list of profiles in the edit portion of the export preset dialogue. Help?

I still use Aperture 2.1.4. I need to export an image file with a CMYK profile. Whereas a generic CMYK profile is listed in ColorSync Utility, it does not appear on the list of profiles in the edit portion of the export preset dialogue. Help? Is there some way to add the CMYK profile to the list of choices that are available in the export preset dialogue such that I can choose it?

leonieDF
Thanks for your response. My profiles are located within color sync utility as you can see here:
These profiles do not respond to clicking and dragging. Since they are all in one place, more or less, I'm reluctant to make further attempts to relocate them. Accessing the CMYK profile is the first difficult experience I've encountered with this arrangement. I have never needed the CMYK profile until recently, and that need has now past. However, it remains a mystery to me as to why it does not appear with all the others on the menu of export choices in Aperture 2, or on the menu of profile assignment choices in the Preview application (where again all the other profiles are listed as choices). I'm beginning to think my current set up will permit me to view an image that was created in CMYK space, but does not easily assign, or convert to that space. I don't face these restrictions with all the others, so it remains a curious circumstance for me. I anticipate upgrading my computer and software in the near future which might alleviate this issue altogether. Again, many thanks for your attention to this matter. The reach of this community is astounding.

Cannot open Raw images taken with a Nikon 5200 in photoshop cc

i am trying to open raw images taken with a Nikon 5200 in Photoshop cc but it says that camera model is not supported. I looked at the Raw plugin version. It is 7.0.0.0.3. In support it said the minimum version is 7.3. I have downloaded the DNG Converter with camera raw 7.3. But it is still say i have version 7.0.0.0.3. Anyone know what to do?

If the plug-in version is 7.something then you're running Photoshop CS6 since Photoshop CC ships with Camera Raw 8.0 out of the box. Latest version is Camera Raw 8.4.
The Nikon D5200 has been supported since Camera Raw 7.3 so you can either update CS6 to Camera Raw 7.4 (In Photoshop CS6, Help > Updates) or use Photoshop CC which supports the D5200 out of the box.

Image Carousel with Rating Capabilities

Similar Messages

Maybe you are looking for