I WILL SOON RELEASE A NEW VERSION AS THIS ONE HAS A MAJOR ERROR.IMPORTANT It works with coppermine version 1.5.36 or higher. The latest coppermine version.
YOU MUST HAVE jQuery update Plugin installed for the grid to work.DOWNLOAD jQuery update plugin for cpg1.5.x
http://forum.coppermine-gallery.net/index.php/topic,77595.0.htmlTutorial to apply grid layout to your own theme http://forum.coppermine-gallery.net/index.php/topic,78030.msg377389.html#msg377389You have a READ how to change theme.txt file in the theme folder.
WEB BROWSERS I TEST IT ON Firefox, Opera, Internet Explorer, Safari, Chrome. Works fine but not on Safari lower then version 6 or 7. Viewports is something new so proabibly does not work on many old version browsers, but users proabibly update their browser every time.
You can test the theme for all monitor resolution, tables and phones at
http://quirktools.com/screenfly/ after you install it. No need to change the theme from Config. Just type in the box your_domain_name/index.php?theme=google_images.
The setting for Config -Album list view - Number of columns for the album list must be a reasonable number.
The image on displayimage.php is also responsive but if you want to use Images to fit screen resolution plugin ( responsive image plugin )
http://forum.coppermine-gallery.net/index.php/topic,77586.0.html then
delete from style.css:
.display_media {
width: auto;
}
.display_media .image {
max-width: 70vw!important;
height: auto!important;
}
.display_media .image img {
width: auto!important;
height: 70vw!important;
}
or uncomment the code like this:
/*************************
.display_media {
width: auto;
}
.display_media .image {
max-width: 70vw!important;
height: auto!important;
}
.display_media .image img {
width: auto!important;
height: 70vw!important;
}
**********************************************/
The plugin is better because downscale the image if needed to fit the users screen resolution. A click on the picture scales it to full original size.