Foros del Web » Programando para Internet » Jquery »

Galeria imagenes Google Picasa JQuery

Estas en el tema de Galeria imagenes Google Picasa JQuery en el foro de Jquery en Foros del Web. Esta es una galería de imágenes hecha con JQuery. La particularidad de esta galería es que usa de fuente un album de imágenes del Picasa ...
  #1 (permalink)  
Antiguo 30/04/2015, 15:27
Avatar de MicroHack  
Fecha de Ingreso: agosto-2006
Ubicación: Barcelona
Mensajes: 153
Antigüedad: 17 años, 7 meses
Puntos: 0
Pregunta Galeria imagenes Google Picasa JQuery

Esta es una galería de imágenes hecha con JQuery. La particularidad de esta galería es que usa de fuente un album de imágenes del Picasa (alojado por Google)

Fuente: http://www.ajaxshake.com/plugin/ES/1...photowall.html

El caso es que tras insertar el codigo en mi web no consigo cargar el contenido, imagino que es porque han cambiado la estructura de la url que enlaza al album de fotos, sin embargo el ejemplo del script sigue funcionando.

url del ejemplo: https://picasaweb.google.com/data/fe...78516288199793

url de mi album de imagenes: https://plus.google.com/photos/11062...ile?banner=pwa

Código:
<script type="text/javascript">
    $(document).ready(function(){
        PhotoWall.init({
            el:                 '#gallery'               // Gallery element
            ,zoom:              true                     // Use zoom
            ,zoomAction:        'mouseenter'             // Zoom on action
            ,zoomTimeout:       500                      // Timeout before zoom
            ,zoomDuration:      100                      // Zoom duration time
            ,zoomImageBorder:   5                        // Zoomed image border size 
            ,showBox:           true                     // Enavle fullscreen mode
            ,showBoxSocial:     true                     // Show social buttons
            ,padding:           5                        // padding between images in gallery
            ,lineMaxHeight:     150                      // Max set height of pictures line
            ,lineMaxHeightDynamic: false                 // Dynamic lineMaxHeight. If set to True,
                                                         // then line height will be changing on 
                                                         // resize, coressponding to 
                                                         // baseScreenHeight param
            ,baseScreenHeight:  600                      // Base screen size from wich calculating dynamic lineMaxHeight  
        });
        // Max image width form Picasa
        // 94, 110, 128, 200, 220, 288, 320, 400, 512, 576, 640, 720, 800, 912, 
        // 1024, 1152, 1280, 1440, 1600
         
        $.ajax({
            url: 'https://picasaweb.google.com/data/feed/api/user/118283508237214694671/albumid/5685978516288199793'
                 +'/?alt=json&fields=entry(gphoto:id,title,media:group(media:thumbnail,media:'
                 +'content))&imgmax=720',
            dataType: 'jsonp',
            success: function(data){
                var photos = {}
                if(!data.feed.entry) return;
                for(var i in data.feed.entry) {
                    var e     = data.feed.entry[i].media$group;
                    var id    = data.feed.entry[i].gphoto$id.$t;
                    
                    var t1h   = e.media$thumbnail[2].height;
                    var t1w   = e.media$thumbnail[2].width;
                    var t1src = e.media$thumbnail[2].url
                    
                    var t2w   = Math.round(t1w * 1.5);
                    var t2h   = Math.round(t1h * 1.5);

                    var t2src = e.media$content[0].url+'/../../w'+t2w+'-h'+t2h+'/';
                    
                    var bsrc  = e.media$content[0].url;
                    var bw    = e.media$content[0].width;
                    var bh    = e.media$content[0].height;
                    
                    
                    photos[id] = {id:id,img:bsrc,width:bw,height:bh,
                                  th:{src:t1src,width:t1w,height:t1h,
                                      zoom_src:t2src,zoom_factor:1.5
                                  }
                    };
                    
                }    
                PhotoWall.load(photos);
            }
        });
    });
</script>
¿Como puedo solucionar esto? Como averiguar la url de mi album de imagenes?

Etiquetas: galeria, google, imagenes, picasa
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:39.