Display image in Leaflet (Cloudmade) popups - leaflet

I am using the default settings for the Leaflet (cloudmade) Simple project (https://github.com/perrygeo/leaflet-simple-csv/blob/master/README.md).
I have a 1300 record CSV which displays well, and on-click the attributes display text in popup window.
Two of the fields are URLs to small JPG images. I would like these to display in the popup window. I've tried but to no avail.
Link to project: http://erichsen-group.com/demoland/datademo/projects/
How can I show the images?

Have you tried using <img></img> tags instead of <a href></a>? they are links because they are written as links. Or you can do <img src="mySource"> dont forget to play with the styling of the img tag. The height and width.

Related

Using Thumbnails on Blogger Lightbox

I want to show my photos with same size on posts. The problem is that I have horizontal and vertical photos ( for example 1500x600px and 600x1500px) and when i create a gallery there is a irregular pattern because of the sizes.
So, I thought using same sized thumbnails (for example square) for every photos was the solution. To some level, it worked. I mean, I created a fine pattern with using thumbnail pictures.
The problem is that source of the images and source of the thumbnails. Lightbox does not allow this kind of usage. For example:
<img border="0" height="226" src="**Thumbnail Picture Link**" width="320" />
When ı create this kind of arrangement, I can show my gallery on post, but when i click the image, ıt is opening like a normal image url, not in gallery view.
Is there any solution for this issue?
Thanks.
Using lightGallery is a solution that has a few issues on user interface.
Link

JSSOR Carousel with text possible?

Is it possible to make a carousel with text?? like this http://amazingcarousel.com/
Yeah you got carousel with text but the image there is set as background, I need the images to be set in img
Yeah for sure.
You can place everything in slide. You can define content slide as follows,
<div><!-- Any HTML Content Here --></div>
Reference: Define Slides Html Code

How to add button in email template

I want to add a button in email template and want to call a method based on that button click.
can anyone suggest me how can i do this?
Thanx in advance.
In html email, you are limited to html and css, so the only button you can create is a hyperlink. You could however pass some url parameters to a web page that does all your dirty work for you.
The design options are:
An image wrapped in a href <img src="">
Full CSS button - by building it in CSS so that it shows with images turned off.
"Bulletproof Buttons" - using a combination of CSS and background images. They fallback to the css if the images are turned off. See buttons.cm for a great example

GWT Programatically Save Panel to Image

I would like to be able to save the contents of a decorator panel into some sort of image format. Does anyone have an ideas of how i could either take a screen shot and save it or some how export a panel to an imae format?
Try using html2canvas. GWT Panel is just a html element with some javascript to handle the layout.
You can find html2canvas here: http://html2canvas.hertzen.com/

How to select text on image in iPhone/iPad

Hi I am working on e-book application where the pages of the book are displayed as SVG files.as a part of my application functionality i should able to select text from the SVG files which are rendered as images on web view.can anbody suggest me a way to do this.Thanks in advance.
How do you display the SVG? I'd think you do that in WebView. In that case you'd have to provide the text as a separate layer using HTML elements as an "overlay" over the displayed SVG.
I don't think iOS/WebView lets you select text from a SVG through WebView.
but why do you say the svg is rendered as "image"?
if you load te .svg file in a UIWebView directly or via an HTML file which load the svg...
it should be able to load the "normal" menu with "copy", "select"...
if you need only the "copy" menuItem
just add this:
-(void)copy:(id)sender{
NSLog(#"COPY!!");
[super copy:sender];
}
in the UIViewController of your UIWebView.
It works for me for all the html pages and for a .svg files with some text inside it
(i mean that the text to copy is in "myFile.svg")