<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<META name=GENERATOR content="MSHTML 8.00.6001.23569"></HEAD>
<BODY>
<DIV dir=ltr align=left><SPAN class=453571416-31032014><FONT color=#0000ff
size=2 face=Arial>The thumbs are selectable features of the vector layer
"photos".</FONT></SPAN></DIV>
<DIV dir=ltr align=left><SPAN class=453571416-31032014><FONT color=#0000ff
size=2 face=Arial></FONT></SPAN> </DIV>
<DIV dir=ltr align=left><SPAN class=453571416-31032014><FONT color=#0000ff
size=2 face=Arial>Add a selectControl to your map for this layer,
that shows an OpenLayers Popup for selected features.</FONT></SPAN></DIV>
<DIV dir=ltr align=left><SPAN class=453571416-31032014><FONT color=#0000ff
size=2 face=Arial>From the feature.attributes you should get the url of the
image, you want display.</FONT></SPAN></DIV>
<DIV dir=ltr align=left><SPAN class=453571416-31032014><FONT color=#0000ff
size=2 face=Arial></FONT></SPAN> </DIV>
<DIV dir=ltr align=left><SPAN class=453571416-31032014><FONT color=#0000ff
size=2 face=Arial>see </FONT></SPAN></DIV>
<DIV dir=ltr align=left><SPAN class=453571416-31032014><FONT color=#0000ff
size=2 face=Arial></FONT></SPAN> </DIV>
<DIV dir=ltr align=left><SPAN class=453571416-31032014><FONT color=#0000ff
size=2 face=Arial><A
href="http://openlayers.org/dev/examples/dynamic-text-layer.html">http://openlayers.org/dev/examples/dynamic-text-layer.html</A></FONT></SPAN></DIV>
<DIV dir=ltr align=left><SPAN class=453571416-31032014><FONT color=#0000ff
size=2 face=Arial><A
href="http://openlayers.org/dev/examples/popupMatrix.html">http://openlayers.org/dev/examples/popupMatrix.html</A></FONT></SPAN></DIV>
<DIV dir=ltr align=left><SPAN class=453571416-31032014><FONT color=#0000ff
size=2 face=Arial></FONT></SPAN> </DIV>
<DIV dir=ltr align=left><SPAN class=453571416-31032014><FONT color=#0000ff
size=2 face=Arial>Arnd</FONT></SPAN></DIV><BR>
<DIV dir=ltr lang=de class=OutlookMessageHeader align=left>
<HR tabIndex=-1>
<FONT size=2 face=Tahoma><B>Von:</B> openlayers-users-bounces@lists.osgeo.org
[mailto:openlayers-users-bounces@lists.osgeo.org] <B>Im Auftrag von
</B>charlie<BR><B>Gesendet:</B> Sonntag, 30. März 2014 01:47<BR><B>An:</B>
openlayers-users@lists.osgeo.org<BR><B>Betreff:</B> [OpenLayers-Users] Popups,
BBox strategy & Flickr API<BR></FONT><BR></DIV>
<DIV></DIV>
<DIV
style="BACKGROUND-COLOR: #fff; FONT-FAMILY: HelveticaNeue, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif; COLOR: #000; FONT-SIZE: 12pt">
<DIV id=yiv3170411580>
<DIV>
<DIV
style="BACKGROUND-COLOR: rgb(255,255,255); FONT-FAMILY: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; COLOR: rgb(0,0,0); FONT-SIZE: 12pt">
<DIV id=yiv3170411580yui_3_13_0_1_1396118387730_17019>Ive been using the code
from the BBox strategy with my Flickr API to display photos on my map with some
success.</DIV>
<DIV id=yiv3170411580yui_3_13_0_1_1396118387730_17019><BR></DIV>
<DIV
id=yiv3170411580yui_3_13_0_1_1396118387730_17019>http://dev.openlayers.org/releases/OpenLayers-2.13.1/examples/strategy-bbox.html</DIV>
<DIV id=yiv3170411580yui_3_13_0_1_1396118387730_17019><BR></DIV>
<DIV id=yiv3170411580yui_3_13_0_1_1396118387730_17019>However, I would like to
expand its functionality a bit, but have not been successful, my JS is
rudimentary at best.</DIV>
<DIV id=yiv3170411580yui_3_13_0_1_1396118387730_17019><BR></DIV>
<DIV id=yiv3170411580yui_3_13_0_1_1396118387730_17019>I would like to add the
functionality allowing a user to click on the existant thumbnail, and an larger
image (say 300*300 pixels) would popup, with the photo caption below.
Would it be best to utilize OpenLayers.Popup?</DIV>
<DIV id=yiv3170411580yui_3_13_0_1_1396118387730_17019><BR></DIV>
<DIV id=yiv3170411580yui_3_13_0_1_1396118387730_17019>Can anyone give me a hand
with this or point me in the right direction?</DIV>
<DIV id=yiv3170411580yui_3_13_0_1_1396118387730_17019><BR></DIV>
<DIV id=yiv3170411580yui_3_13_0_1_1396118387730_17019>Many
thanks!</DIV></DIV></DIV></DIV></DIV>
<br /><br />
<hr style='border:none; color:#909090; background-color:#B0B0B0; height: 1px; width: 99%;' />
<table style='border-collapse:collapse;border:none;'>
<tr>
<td style='border:none;padding:0px 15px 0px 8px'>
<a href="http://www.avast.com/">
<img border=0 src="http://static.avast.com/emails/avast-mail-stamp.png" />
</a>
</td>
<td>
<p style='color:#3d4d5a; font-family:"Calibri","Verdana","Arial","Helvetica"; font-size:12pt;'>
Diese E-Mail ist frei von Viren und Malware, denn der <a href="http://www.avast.com/">avast! Antivirus</a> Schutz ist aktiv.
</p>
</td>
</tr>
</table>
<br />
</BODY></HTML>