| Pe înțelesul tuturor

25 Ianuarie 2013

Shutter Reloaded Plus

Shutter Reloaded Plus - IT Info 2013-12-06 11-28-41

Shutter Reloaded Plus is an image viewer for your website that works similarly to Lightbox, Thickbox, etc. but is under 8KB in size and does not require any external libraries.

It has many features:

  • keyboard navigation, left and right arrows, and close by pressing the Esc key
  • resizing large images if the window is too small to display them with option to show the full size image
  • combining images in sets
  • redrawing the window after resizing, RESPONSIVE



  • pre-loading of neighbour images for faster display and very good browser compatibility
  • integrate with Google Analytics to count each image view as a page view
  • option to overwrite NextGen Gallery’s effects (Lightbox, Fancybox)
  • option to display a like button for the current page in the control bar
  • click on the image goes to the next image
  • click outsite de image to close de slideshow
  • all images user for buttons are in a PNG sprite, so it only has 3 HTTP request (image, js and css)
  • option to only load it on single pages and posts

This plugin offers customization of the colour and opacity settings for the background and colour for the caption text, buttons text and the menu background.

There are options to enable it for all links pointing to an image on your site (with option to exclude some pages), or just on selected pages. It can be enabled only for image links with CSS with option to create a single set or multiple sets for each page.

The plugin can also “auto-make” image sets for each Post, so when several posts are displayed on the “Home” page, links to images on each post will be in a separate set. See the built-in help for more information.

Stable version: 0.6

download-zip-button

Demo:

 

If you find any bugs or have any ideas on how to improve it, please leave a comment below.

Changelog:

0.6

  • Partial fix on Iphones on Safari
  • Added color pickers in the admin page
  • Added Help Tab in the admin page
  • Refactored admin page html code for clearer options and brought to 3.8 standards

0.5

  • Fixed margin showing under the bottom bar
  • Modifyed colors of overlayer and bar to black for a more crisp look
  • Added Facebook Like Button for the current page in the bottom bar
  • Option to only load it on single pages or posts
  • Fixed click outside the picture to close
  • Option to overwrite Nextgen Gallery’s lightbox

0.4

  • Fixed overlayer not showing up upon install
  • Fixed buttons which showed up smaller because of theme influence. Now they won’t be affected by the theme used

0.3

  • Google Analytics integrations, each view of a picture will count as a view of the page

0.2

  • Sprite icons as png file
  • Remove css and js version to enable browser cache

0.1

  • Bigger buttons than the default ones
  • Keyboard navigation, left-right arrows and close using Esc key
  • Click on the picture to go to next picture
  • Click outside the picture to close

 


Title: Shutter Reloaded Plus
Reviewed by Danaila Iulian Nicu on Jan 25
Rating: 5.0
Summary: Darkens the current page and displays an image (like Lightbox, Thickbox, etc.), but is a lot smaller (8KB) and faster.

, , ,

RSS Feed

62 Comentarii - Shutter Reloaded Plus

Arhi a scris pe 26 Ianuarie 2013 , 00:24

stii ce ar trebui sa ii faci, daca te pricepi? o integrare cu google adsense plugin

Iulian Nicu a scris pe 26 Ianuarie 2013 , 00:27

Shutter Reloaded cu Google Adsense? Sau imi scapa mie ceva?

Nicu Bostan a scris pe 26 Ianuarie 2013 , 04:48

Chiar cautam shutter reloaded cu arrow keys multumesc frumos.

Arhi a scris pe 26 Ianuarie 2013 , 13:46

sunt eu tampit, eram obosit aseara. cu analytics

Iulian Nicu a scris pe 26 Ianuarie 2013 , 13:47

Si cu analytics, ca m-am gandit la varianta asta :), dar tot parcă ceva nu se leagă. Poţi să detaliezi puţin?

Arhi a scris pe 26 Ianuarie 2013 , 14:35

fiecare incarcare a unei poze sa fie contorizata ca o afisare de analytics. exista tutoriale pe net ptr lightbox plugin, dar nu ma descurc

Iulian Nicu a scris pe 26 Ianuarie 2013 , 14:39

Ahaaaaa, am inteles acum. O sa ma uit sa vad la lightbox cum e facut, apoi sigur merge facut sa mearga si la Shutter Reloaded Extra Plus :))

Iulian Nicu a scris pe 26 Ianuarie 2013 , 15:05

Gata Arhi, am pus si Google Analytics, contorizează un pageview la fiecare afişare de poză. Funcţionează doar dacă ai deja codul de analytics pe site.

Daniela a scris pe 26 Ianuarie 2013 , 17:19

Un plugin pentru galerie poti recomanda care se potriveste cu acest plugin? In afara de NextGen.

Iulian Nicu a scris pe 26 Ianuarie 2013 , 17:21

@Daniela: la toate siteurile de până acum am folosit Nextgen, mi se pare cel mai complet. Dar eu nu am nevoie de ceva atât de complicat, aşa că folosesc galeriile default wordpress, aşa cum le vezi şi în demo.

Dacă vrei ca întrun post să-ţi grupeze toate pozele întrun singur slideshow, atunci trebuie să bifezi opţiunea ca în imagine: http://awesomescreenshot.com/007uo4502

Arhi a scris pe 26 Ianuarie 2013 , 18:23

sa traiesti. ca bug, pe iphone nu mai iese din galerie, indiferent unde dai click

Iulian Nicu a scris pe 26 Ianuarie 2013 , 18:43

@Arhi: cu plăcere. Partea nasoală cu iPhone e că nu există vreun motiv evident pentru care nu se închide, şi neavând în mână unul ca să testez, nu prea am cum să-mi dau seama de ce…

Arhi a scris pe 26 Ianuarie 2013 , 19:14

nu iese cand dai click in afara paginii. daca dai clixk pe X, iese

George a scris pe 28 Ianuarie 2013 , 01:55

Esti genial, am tot cautat un plugin care sa functioneze fara sa-mi strice sliderul de pe prima pagina … pana acum :D

Lucian a scris pe 28 Ianuarie 2013 , 02:15

Salut

Imi zici si mie te rog care ar fi motivele pentru care-mi apare asa meniul (fara icoane si cu textul aiurea): http://i.imgur.com/oh5U77C.png

Iulian Nicu a scris pe 28 Ianuarie 2013 , 02:21

@Lucian: poti sa incerci te rog versiunea asta? http://www.itinfo.ro/dev/shutter-reloaded-plus-test.zip

Iulian Nicu a scris pe 28 Ianuarie 2013 , 02:54

Problema lui Lucian se pare ca de fapt era doar o setare: http://images.itinfo.ro/2013/01/text-buttons.png

Daniela a scris pe 28 Ianuarie 2013 , 16:49

@Iulian Nicu mersi. :)

serbanlaurentiu a scris pe 28 Ianuarie 2013 , 23:08

Buuun asta! Eu il aveam pe cel vechi.

Revo a scris pe 31 Ianuarie 2013 , 01:29

Mulţumesc oficial şi la tine pe blog, nu doar în deplasare. E senzaţional plugin-ul. Să traieşti ! :)

Andrei a scris pe 3 Februarie 2013 , 00:52

Salut !

In primul rand multumesc pentru plugin, e foarte util si inspirat !

In al doilea rand vroiam sa te intreb daca ai idee de ce mi se fac iconitele de navigare mici: http://www.studentarena.ro/2013/01/produse-cu-un-design-uimitor-pentru-viata-de-zi-cu-zi-braun-travel-alarm-clock/

Stii cumva cum ar trebui sa remediez ? O fi de la vreo setare ? Multumesc !

Iulian Nicu a scris pe 3 Februarie 2013 , 00:59

Cu mare plăcere! Înlocuieşte fişierul shutter-reloaded.css cu cel de aici. Problema apare din cauza unui max-width: auto pus la imagini.

Andrei a scris pe 3 Februarie 2013 , 13:47

Multumesc pentru promptitudine. Am inlocuit fisierul, am golit cache-ul, dar din pacate la fel arata. Any ideas ? Multumesc.

Iulian Nicu a scris pe 3 Februarie 2013 , 14:03

Acum se vede bine la mine. Ai golit si cacheul browserului?

Andrei a scris pe 3 Februarie 2013 , 13:12

Gata, s-a rezolvat, am mai golit odata cache-ul. Multumesc inca o data pentru sprijin si raspunsurile foarte prompte !

Iulian Nicu a scris pe 3 Februarie 2013 , 13:13

Cu plăcere! Dacă mai găseşti buguri te rog să mă anunţi. Fixul făcut pentru tine va fi inclus în v0.4.

Andrei a scris pe 3 Februarie 2013 , 13:16

Sigur, revin cu orice observatii ! Duminica placuta !

horia a scris pe 8 Februarie 2013 , 16:29

Multumesc pentru plug-in :)

Excelent.

Florin Rosoga a scris pe 12 Februarie 2013 , 10:17

Multumesc, este exact ce cautam.

Dragos Ciaus a scris pe 13 Martie 2013 , 15:56

salutare. am o problema cu plug–inul. Cum fac setarile sa nu mi se deschida asa cand dau click pe imagina, ci cirect cu plug-inu ( http://www.aviatiamagazin.com/2013/03/13/doua-mig-uri-21-la-reparatii-la-aerostar-bacau/aerostar-mig-21/)

Iulian Nicu a scris pe 13 Martie 2013 , 16:01

@Dragos: când inserezi imaginea în text, selecteaza setarea Media File ca aici: http://awesomescreenshot.com/0b911hhy7f

Dragos Ciaus a scris pe 13 Martie 2013 , 16:09

corect. multumesc

Ariel a scris pe 25 Martie 2013 , 23:14

Mersi, am migrat și eu spre el. Funcționează și pe Opera 12 identic ca și pe Chrome.

Poate nu strică să-ți implementezi “comment subscribe” via email

Andrei Chira a scris pe 11 Aprilie 2013 , 19:46

Foarte misto plugin. E probabil cel mai lightweight posibil.
Ce-mi doream eu de la el era un sprite pentru iconite si sa nu se incarce js-ul pe toate paginile ci doar pe single, unde am galeriile.

Good job!

Iulian Nicu a scris pe 11 Aprilie 2013 , 19:50

@Andrei Chira: de la versiunea 0.2 “iconurile sunt întrun singur png, sprite” (http://www.itinfo.ro/wp-content/plugins/shutter-reloaded-plus//menu/icons.png) . Cât despre js doar pe single, nu cred că e o soluție, am văzut multe bloguri care încă afișează întreg conținutul unui post direct, nu doar excerpt :)

Andrei Chira a scris pe 11 Aprilie 2013 , 23:04

@Iulian Nicu: da, am vazut ca e facut sprite. ma refeream la ce imi doream de la pluginul original, pe care il folosesc de mult.
chiar ma gandeam sa-l modific eu pentru nevoile mele dar n-am avut timp sa ma apuc.
bine ca a facut-o cineva :)

Haotik a scris pe 16 Aprilie 2013 , 12:17

La mine nu merge nici originalul, nici al tau. De fapt merge pentru prima poza dar nu merge pentru galeria de poze din articol.

Pe index merge.

Si nu-mi dau seama ce setare fac gresit si unde. Am pus si galeria catre media file, tot degeaba.

Iulian Nicu a scris pe 16 Aprilie 2013 , 12:19

Da-mi te rog un link unde ai o galerie pe media file. Am incercat pe http://haotik.ro/idei-creative-pentru-qr-code/ dar nu e pe media file.

De la WordPress 3.5 de cand au schimbat galeria foto, a aparut un bug nasol. Cand inserezi o galeri, chiar daca e selectat media file, el o face tot attachment page. Practic trebuie sa o inserezi, sa o editezi sa fie attachment page, save, update, apoi sa o pui din nou pe media file. Abia atunci o face pe bune media file. Si atunci o sa mearga cum merge si aici: http://haotik.ro/primul-tv-super-hd-din-lume-la-evomag/

D-Petre a scris pe 29 Aprilie 2013 , 20:36

Buna treaba ai facut cu pluginul acesta – multumesc!

Eduard a scris pe 17 Iunie 2013 , 22:32

Tocmai am inserat cateva fotografii. Nu mai am nevoie de galeria din wordpress. Multumesc!

Mihai a scris pe 6 Iulie 2013 , 17:49

O integrare si a butonului facebook like este posibila la fiecare afisare a unei imagini? iar like-ul sa fie pentru pagina unde sunt toate imaginile ?

horia a scris pe 4 Septembrie 2013 , 14:27

Salut,
Stii de ceva probleme cu temele de la WooThemes? Am instalat Shutter Reloaded Plus, imi arata poza, dar ecranul nu se face gri, iar butoanele sunt foarte mici

Site-ul e inca in lucru, uite un screenshot aici.

Andrei Chira a scris pe 15 Octombrie 2013 , 20:13

Imi apare o eroare la afisarea butoanelor – http://imgur.com/7nhwrxE

D-Petre a scris pe 16 Noiembrie 2013 , 16:32

Aceeasi chestie o patesc si eu pe un alt blog cu o tema noua, responsive … ???

Iulian Nicu a scris pe 5 Decembrie 2013 , 00:58

Am publicat versiunea 0.4. Va urma o versiune 0.5 în curând în care cu puțin noroc voi rezolva problemele apărute pe ios.

Cred ca voi adauga și integrarea unui Like în bara de jos, opțional din meniul de admin. Aștept și alte idei.

horia a scris pe 5 Decembrie 2013 , 06:53

@Iulian: Mulțumesc!

Petre a scris pe 5 Decembrie 2013 , 11:18

Multumesc Iulian pentru corectarea erorii de afisare a butoanelor.

Iulian Nicu a scris pe 6 Decembrie 2013 , 11:37

Am publicat versiunea 0.5 ce vine cu câteva buguri rezolvate dar și 2 îmbunătățiri și adăugiri.

Odată cu versiunea 0.5 am depus și o cerere de înscriere în directorul WordPress.org pentru pluginuri, pentru a face updateurile mai ușor de livrat userilor. Sperăm să fie acceptat.

Iulian Nicu a scris pe 6 Decembrie 2013 , 22:41

Pluginul a fost acceptat în directorul wordpress: http://wordpress.org/plugins/shutter-reloaded-plus/

Pagina veche în română a fost mutată aici: http://www.itinfo.ro/shutter-reloaded-plus-ro/

Petre a scris pe 8 Decembrie 2013 , 10:54

Excelent … chiar ieri si-a facut actualizarea de la v 0.4 la 0.5.

Ariel a scris pe 29 Decembrie 2013 , 00:49

Felicitări pentru tot.
Am avut ceva probleme cu o versiune anterioară, dar acum la 0.6 văd că e totul înapoi la normal.

cristian a scris pe 19 Ianuarie 2014 , 16:47

Salut.
Am actualizat plugin-ul la îndemnul tău dar nu funcționează. Am șters versiunea veche și am descărcat-o pe cea nouă. Ai idee de la ce ar putea fi? Mulțumesc!

Iulian Nicu a scris pe 19 Ianuarie 2014 , 16:49

Sigur e activat? Ca nu se incarca nici css nici js de la plugin.

cristian a scris pe 19 Ianuarie 2014 , 17:09

CSS-ul, dacă te uiți, l-am mutat în CSS-ul main. În rest n-am atins nimic. Din plugin, mai exact din shutter-reloaded.php, doar am șters linia care solicita propriul CSS, cum aveam și înainte. Cu js-ul habar n-am de ce nu se încarcă, de asta te-am și întrebat..

cristian a scris pe 19 Ianuarie 2014 , 17:36

Iulian, e de la temă, nu de la plugin.

Iulian Nicu a scris pe 19 Ianuarie 2014 , 18:05

Ma bucur ca s-a rezolvat. Ma anunti daca te mai pot ajuta cu vreo ceva.

cristian a scris pe 22 Ianuarie 2014 , 16:22

Pentru următoarea versiune, ar fi interesant dacă ai include opțiune de download pentru imaginea afișată.
De exemplu, eu vreau să-l folosesc pe un site creat pe wordpress, cu planșe de colorat.

vali a scris pe 3 Martie 2014 , 08:07

rugăminte/întrebare: cum fac ca numele pozei să apară sub ea când e in fullscreen?

Iulian Nicu a scris pe 3 Martie 2014 , 08:36

In mod normal ar trebui sa apara, dar vad ca nu, cel mai probabil la un moment dat i-am facut eu ceva. Revin cu un update imediat ce gasesc buba.

Iulian Nicu a scris pe 3 Martie 2014 , 09:07

Se pare ca nu am facut eu nimic, ci cei de la WordPress. Odata cu updateul facut media managerului, in shortcodeul de galerii standard, au scos atributul title din linkuri. Si din cauza ca acela lipseste, pluginul nu stie ce sa afiseze.

Solutia o reprezinta ultimul post din topicul urmator, de pus in functions.php. Inca ma gandesc daca ar trebui sa pun functia in plugin sau nu. Practic ajuta pluginul, dar contravine cu ce au gandit cei de la wordpress…

http://wordpress.org/support/topic/native-gallery-shortcode-output-title-attribute

vali a scris pe 3 Martie 2014 , 09:24

am pus, pare să funcționeze, dar nu mereu. ciudat.

Iulian Nicu a scris pe 3 Martie 2014 , 09:27

Vad… versiunea asta ar trebui sa mearga mereu:

http://pastebin.com/NAydFD68

Ai o parere?

«

»

Caută!

Copyright © ITinfo.ro
Home  |  Despre  |  Contact
Sugestii? contact at ITinfo punct ro