Results 1 to 5 of 5
  1. #1
    Join Date
    Jun 2010
    Posts
    17
    Rep Power
    0

    Cool How to show the full resolution image at clicking on thumnail

    There are 5 copies of the same images are placed in a folder i.e. large(1024*768),medium(500*375),small(240*180),thu mnail(75*75),square(100*50) in size....
    The following code upload number of Geocoded images(square size) when the page loads.I want when someone click on the any Geocoded image on the page ,it should show the large image(1024*768) of the same.And further click on the large image it must show again the square size image of the same.
    Following is the actual code.It is in .js file.


    var epsg4326 = new OpenLayers.Projection("EPSG:4326");
    var OSVMain = (function() {
    var map, markers, map_move_timeout;
    var photos = {};
    function mapChange() {
    if( map_move_timeout )
    clearTimeout(map_move_timeout);
    map_move_timeout = setTimeout(mapChangeTimeout, 500);
    updateLinks();
    }
    function updateLinks() {
    var center = OSV.getMapCenter(map);
    var zoom = map.getZoom();
    $('#permalink').attr('href',OSV.getURLBase()+'?lat ='+center.lat+'&lon='+center.lon+'&zoom='+zoom);
    $('#kmllink').attr('href',getLocateLink('kml'));
    }
    function getLocateLink(format) {
    var extent = OSV.getMapExtent(map);
    var url = OSV.getURLBase()+'/api/photos/locate.'+format+'?bbox=';
    url += [ extent.left, extent.bottom, extent.right, extent.top].join(',');
    return url;
    }
    function mapChangeTimeout() {
    map_move_timeout = null;
    var url = getLocateLink('json');
    $.get( url, null, photosLoaded, 'json' );
    }
    function photosLoaded(json) {
    var new_photos = {};
    var size = new OpenLayers.Size(50, 50);
    var offset = new OpenLayers.Pixel(-25, -25);
    for( var i = 0, l = json.length; i < l; ++i ) {
    var p = new OSVPhoto(json[i]);
    if( photos[p.data.id] ) {
    new_photos[p.data.id] = photos[p.data.id];
    photos[p.data.id] = null;
    } else {
    var position = new OpenLayers.LonLat(p.data.lon,p.data.lat);
    var icon = new OpenLayers.Icon(p.url('square'), size, offset);
    p.marker = new OpenLayers.Marker(position.clone().transform(epsg4 326, map.getProjectionObject()), icon);
    new_photos[p.data.id] = p;
    markers.addMarker(p.marker);

    }
    }
    for( var k in photos ) {
    var p = photos[k];
    if( p && p.marker )
    markers.removeMarker(p.marker);
    }
    photos = new_photos;
    }
    function setup() {
    var vectors;
    var popup;

    map = new OpenLayers.Map($('#map').get(0), {
    controls: [
    new OpenLayers.Control.ArgParser(),
    new OpenLayers.Control.Attribution(),
    new OpenLayers.Control.LayerSwitcher(),
    new OpenLayers.Control.Navigation(),
    new OpenLayers.Control.PanZoomBar()
    ],
    units: "m",
    maxResolution: 156543.0339,
    numZoomLevels: 20,
    displayProjection: new OpenLayers.Projection("EPSG:4326")
    });

    var mapnik = new OpenLayers.Layer.OSM.Mapnik("Mapnik", {
    displayOutsideMaxExtent: true,
    wrapDateLine: true
    });
    map.addLayer(mapnik);

    var osmarender = new OpenLayers.Layer.OSM.Osmarender("Osmarender", {
    displayOutsideMaxExtent: true,
    wrapDateLine: true
    });
    map.addLayer(osmarender);

    var numZoomLevels = Math.max(mapnik.numZoomLevels, osmarender.numZoomLevels);

    var start = OSV.getStartLocation();
    var numzoom = map.getNumZoomLevels();
    if (start.zoom >= numzoom) start.zoom = numzoom - 1;
    map.setCenter(start.pos.clone().transform(epsg4326 , map.getProjectionObject()), start.zoom);
    OSV.setupMapEventHandlers(map);
    map.events.register("moveend", map, mapChange);
    map.events.register("zoomend", map, mapChange);
    mapChange();



    markers = new OpenLayers.Layer.Markers("Markers", {
    displayInLayerSwitcher: false,
    numZoomLevels: numZoomLevels,
    maxExtent: new OpenLayers.Bounds(-20037508,-20037508,20037508,20037508),
    maxResolution: 156543,
    units: "m",
    projection: "EPSG:900913"
    });
    map.addLayer(markers);

    }
    return {
    setup: setup,
    1:1
    };
    })();
    $(function(){
    OSVMain.setup();
    });


    Any suggestions ?
    Thanking you

  2. #2
    Fubarable's Avatar
    Fubarable is offline Moderator
    Join Date
    Jun 2008
    Posts
    19,316
    Blog Entries
    1
    Rep Power
    26

    Default

    You're asking a JavaScript question in a Java forum, and they are two completely different languages that unfortunately have similar names. Some say that they are as similar as ham is to hamster.

  3. #3
    Join Date
    Jun 2010
    Posts
    17
    Rep Power
    0

    Default

    well ,i did this mistake.Despite of it,if you people can help me,please help.i would be grateful to you

  4. #4
    Tolls is offline Moderator
    Join Date
    Apr 2009
    Posts
    11,755
    Rep Power
    19

    Default

    We do Java here.
    You'd likely have much better success at a Javascript forum.

  5. #5
    Fubarable's Avatar
    Fubarable is offline Moderator
    Join Date
    Jun 2008
    Posts
    19,316
    Blog Entries
    1
    Rep Power
    26

    Default

    Quote Originally Posted by amritpalpathak View Post
    well ,i did this mistake.Despite of it,if you people can help me,please help.i would be grateful to you
    I need some advice on where to get my car's brakes serviced, but I'm not going to ask this here as my question has as much relevance here as yours. Let's lock this thread.

Similar Threads

  1. JMenuItem - image won't show
    By javawriter in forum AWT / Swing
    Replies: 10
    Last Post: 07-13-2010, 06:11 PM
  2. show image that I refresh
    By erwillie in forum New To Java
    Replies: 1
    Last Post: 04-29-2010, 03:23 PM
  3. Replies: 0
    Last Post: 03-19-2010, 11:26 PM
  4. Full Screen Frame Resolution Problem
    By Krooger in forum AWT / Swing
    Replies: 2
    Last Post: 11-24-2009, 11:05 PM
  5. Replies: 2
    Last Post: 08-01-2008, 02:58 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •