Afegiu un widget de rotació d'imatges responsives al vostre lloc en qualsevol plataforma

Giny d'imatge rotador

Fa molts anys, em va decebre saber que no hi havia una manera senzilla de girar les imatges a WordPress, així que vaig desenvolupar un Connector de widget de rotació d'imatges per a WordPress. Amb els anys, però, WordPress ha avançat les seves capacitats i han aparegut un munt d'altres connectors, creadors de pàgines, nova interfície d'usuari de widgets i eines de tercers. No va valer la pena continuar desenvolupant el connector, així que vam deixar de donar-li suport i actualitzar-lo.

Giny de la galeria de fotos responsive d'Elfsight

La nostra recomanació és una plataforma anomenada Elfsight que té una sèrie de ginys que es poden personalitzar i afegir fàcilment al vostre lloc, un dels quals és el seu giny de la galeria de fotos. El giny ajuda les marques a demostrar els materials visuals de manera meravellosa, tant si només voleu mostrar els logotips dels vostres clients en un bonic carrusel com si voleu un mosaic preciós i sensible de les vostres últimes fotos de productes.

Utilitzeu el giny per mostrar els vostres productes amb tots els detalls, mostrar els interiors del vostre lloc, destacar la màxima qualitat dels serveis que proporcioneu i molt més. És per a qualsevol cas de negoci, i també per al vostre. Aquests són alguns exemples:

Giny de la galeria de fotos del producte amb imatges verticals

Giny de la galeria de fotos amb punts

Giny de la galeria de fotos amb imatges horitzontals

Giny de mosaic fotogràfic responsiu

Giny de la galeria de fotos amb imatges horitzontals en columna

Giny de la galeria de rajoles de fotos

Les teves grans fotos mereixen la presentació correcta. És fàcil de fer amb diverses opcions de disseny del giny Elfsight Gallery. Aconsegueix un dels set dissenys, varia la forma i la mida de les fotos, mostra informació i títol addicionals, tria l'ordre correcte de la presentació i molt més.

Dissenys de la galeria de fotos amb el widget d'Elfsight

Podeu triar on els obriran els usuaris: a la finestra emergent allà mateix o al lloc web del vostre projecte. La finestra emergent permet lliscar, ampliar i allunyar, canviar a pantalla completa i fins i tot activar la presentació de diapositives. Variant els elements de la finestra emergent, podeu afegir o amagar informació addicional i canviar tota la imatge i la percepció.  

Acció del giny del rotador d'imatge

Amb diverses opcions d'estil, afegireu un toc únic a l'aspecte del giny fotogràfic. Canvieu el fons utilitzant qualsevol dels colors o penjant una imatge personalitzada, trieu el color de superposició, afegiu un dels efectes al passar el cursor, seleccioneu els colors de la finestra emergent i utilitzeu la configuració del text. Tots els elements són flexibles.

Dissenyeu la vostra pròpia galeria de manera ràpida i senzilla... després copieu i enganxeu l'script del widget al vostre sistema de gestió de continguts o al vostre HTML i ja esteu en funcionament.  

Creeu ara el vostre widget de rotació d'imatge

Divulgació: som afiliats de Elfsight i també un client feliç!

31 Comentaris

  1. 1
    • 2

      Crec que això afegiria massa complexitat a aquest connector. I mai semblaria correcte perquè pot ser que no estiguin ben centrats horitzontalment, es podrien pixelar, etc. De la mateixa manera que necessiteu la mida adequada de les imatges per a una publicació, l'usuari hauria de canviar-la correctament aquí.

  2. 3

    Funcionaran diferents proporcions d'amplada, però les proporcions d'alçada no. A partir d'ara, per treure el màxim profit del giny, hauríeu de fer que totes les imatges que voleu utilitzar tinguin la mateixa alçada.

    A la propera versió, afegiré la configuració de dimensions al giny. Podreu triar l'amplada i l'alçada de tot el giny i, en conseqüència, les imatges es redimensionaran proporcionalment.

  3. 5
  4. 9
  5. 10

    M'agradaria molt utilitzar aquest connector, però quan carrego una imatge, no tinc la possibilitat d'"enviar la imatge al giny del rotador", només l'habitual "inserir per publicar".
    He suprimit i reinstal·lat el connector, però fins ara no hi ha sort. Pots ajudar-me si us plau?

    He afegit una captura de pantalla i, tot i que està en holandès, hauríeu de poder veure que falta el botó "envia la imatge...". Us agrairia molt la vostra ajuda.

    Gràcies,

    • 11

      Hi @google-2b6c75e336d02071c15626a7d8e31ccd:disqus ,

      Només puc endevinar que ens caldrà crear un fitxer de traducció. Ens pots dir què és "envia la imatge al giny del rotador" en holandès? No estem planejant un llançament aviat, però intentarem introduir-ho.

      Doug

      • 12

        Hola Doug,
        Moltes gràcies per la teva ràpida resposta. La traducció correcta seria "invoegen in image rotator widget".
        Realment espero que això funcioni. D'altra banda, no m'importaria utilitzar l'enviament d'imatge al giny del rotador en anglès si això resolgués el problema.

        El més amable,
        Helen

      • 13

        Doug,
        Tinc diversos llocs WP en execució, així que vaig provar aquest rotador d'imatges en una versió en anglès i funciona bé. Per tant, crec que tens raó, això té a veure amb la traducció. Seria fantàstic si poguessis moure't per construir la traducció en algun lloc en un futur proper. Si necessiteu que tradueixi més de l'anglès a l'holandès, estaré encantat d'ajudar-vos.
        Una altra pregunta: hi ha alguna manera de fer clic a una imatge perquè es mantingui, perquè la gent pugui llegir el text que he afegit? O al bucle, fer-ho menys ràpid?

  6. 14
  7. 18

    Hola, m'agradaria canviar el javascript per a l'esvaïment de la imatge perquè una imatge s'esvaeixi a la següent en lloc d'esvair-se al blanc entremig. Què he de canviar per això?

  8. 19
  9. 21
  10. 22
  11. 27

    Gràcies per un gran complement. Una pregunta: hi ha l'opció de tenir dues instàncies del connector? M'agradaria utilitzar un conjunt d'imatges en un lloc i un altre conjunt d'imatges en un altre.

  12. 29
  13. 30

Què et sembla?

Aquest lloc utilitza Akismet per reduir el correu no desitjat. Esbrineu com es processa el vostre comentari.