jquery + instagram + image montage - jquery-plugins

I'm having trouble integrating to jquery plugins. http://potomak.github.com/jquery-instagram/ and http://tympanus.net/codrops/2011/08/30/automatic-image-montage/
I can get the image montage to work no problem OR the instagram photos to load but I can't make the instagram photos into the image montage. I am calling the same div class for both functions.

Did you check if they are overriding some function like window.onLoad() or setting a timer that is also used by the other?
I have one kind of instagram image loader running at www.pixomundo.com feel free to look at the code there.

Related

ABAP: How to show transparent Image in cl_gui_custom_container?

I would like to show a logo with transparency at the top of my dynpro custom container using the cl_gui_picture.
At the moment I am using the class cl_ssf_xsf_utilities to get an bmp out of the BDS.
The last step is the method load_picture_from_url from cl_gui_picture.
Is it possible to load an image like a gif or something with transparency?
Thanks! =)
I expect the background color from the underlying SAP GUI Theme to appear. In the meantime I solved the problem by using the SAP Web Repository because it can handle GIF's with transparency. I used the function module "DP_PUBLISH_WWW_URL" to get the url for "cl_gui_picture".

Library for drawing images in the browser

Is there a javascript library to draw images directly in the browser and save them to png or jpeg?
I want to use an alternative to services like aviary.com, pixlr.com and sumopaint.com and dont want to rely on third-party services and apis like these ones.
Is processingjs the right solution? I want a solution that works everywhere so please no nodejs and so on.
I need tools like a brush, paintbrush, pencil, layers, filters and so on - just like the real photoshop.
You could also draw all sorts of images and animations using http://paperjs.org/
Then you can save them using straightforward JS:
var canvas = document.getElementById("my_canvas_element");
var imageToExport = canvas.toDataURL("image/jpeg");
document.write('<img src="'+img+'"/>');
Try processingjs
For image saving, just use data-urls:
http://en.wikipedia.org/wiki/Data_URI_scheme
Get image data in JavaScript?

Javascript copy canvas state as image

Seen a good charts plugin I want to use:
http://www.jqplot.com/tests/stackedTests.php
But for my visitors, they may want to save this as an image (via right click, copy as image menu item) or alternatively a button that says save as image or something similar.
So is it possible to save the canvas in any given state as an image file?
I think toDataURL could help you :)
If you are willing to use a pre-made library, you can try using Canvas2Image.
Otherwise there are a few Canvas methods that Canvas2Image wraps around and explain in more detail in the above site, namely the toDataURL method in the Canvas object that returns the data base64 encoded in the image format that you require. It's not 100% cross-browser, I think, but it's the "right" way of getting it.

Image thumbnails as links

im building a webshop in Drupal and i was wondering if you could help me with the following problem:
I got one big image frame (500x500) and 5 little image thumbnails(95x95) underneath the big one.
How can i realise that if the visitor clicks on the thumbnail, the big image frame gets filled with that specific image?
jQuery is the right direction, but the strength of Drupal is based on doing things "the drupal way", which means, I guess in your case, to use Views as the origin for the thumbnails using imagecache + lightbox, and somehow change the main "frame".
I used jcarousel in some cases (for different but similar uses) and it works nice. I guess it is possible to trick it to do what you need, or - better - to find an existing module that do what you want.
I know, many Drupal buzzwords, and a stiff curve to overcome, but this is the right direction in case you want to base your site on Drupal.
If you don't need all of these, and want a static page+jquery, Drupal might be an overkill altogether.
If you use Views, Imagecache, and the Lightbox2 module, you can create image galleries out the arse and tell it to link the field to its large size and use Lightbox2 as the method. This is how I do most of my galleries.
Drupal uses jQuery so you can write a simple jQuery script to handle this (not sure if there's already a plugin to do that). Just add all the img tags (make sure all of them except the first one are hidden[display=none]). Then when a thumbnail is clicked/hovered do a $(big_img_holder).replace() with the tag for the image to be shown. Tell me if you want to see some code and I'll try to show you.
You can see this plugin as an exapmle. Just replace the numbers on the right with thumbnails and you're ready to go ;-)

how to access the image captured using takePicture

With takePicture, the camera captures an image (click), however I it does not call the imagePickerController:didFinishPickingMediaWithInfo: method. So how do we access the image?
Did you register as the delegate for the picker? Does your class implement UIImagePickerControllerDelegate? If you do both of these things the code should work. There are countless examples of this in the Apple documentation.

Resources