Visualizzazione dei risultati da 1 a 4 su 4
  1. #1

    Dimensioni immagini in percentuali anzichè in pixel

    salve, ho utilizzato il seguente script per lo scorrimento delle immagini

    codice:
    var translideshow1=new translideshow({
     wrapperid: "myslideshow", //ID of blank DIV on page to house Slideshow
     dimensions: [300, 200], //width/height of gallery in pixels. Should reflect dimensions of largest image
     imagearray: [
      ["image1.jpg"], //["image_path", "optional_link", "optional_target"]
      ["image1.jpg", "http://en.wikipedia.org/wiki/Cave", "_new"],
      ["image1.jpg"],
      ["image1.jpg"] //<--no trailing comma after very last image element!
     ],
     displaymode: {type:'auto', pause:2000, cycles:2, pauseonmouseover:true},
     orientation: "h", //Valid values: "h" or "v"
     persist: true, //remember last viewed slide and recall within same session?
     slideduration: 300 //transition duration (milliseconds)
    })
    Funziona perfettamente, ho solo bisogno di impostare le dimensioni delle immagini in percentuali anzichè in pixel, in modo da adattarlo sui dispositivi mobile.

    Qualcuno sa come potrei fare?

    Grazie

  2. #2
    Utente di HTML.it L'avatar di m4rko80
    Registrato dal
    Aug 2008
    residenza
    Milano
    Messaggi
    2,654
    Bisognerebbe vedere se nel plugin gallery c'e' impostato hardcodata il valore che passi con dimensions[xxx] + la stringa PX.
    In quel caso dovresti mettere mano al plugin stesso. In teoria se no basterebbe passare il valore con tanto di percentuale.
    In alternativa potresti provare ad aggiungere al tuo CSS una sovrascrittura di width ed height (oppure anche con JS).

  3. #3
    Ho aperto il file con estensione "js".

    Ho trovato il codice che riguarda le dimensioni.

    codice:
    setting.dimensions[0]+'px', setting.dimensions[1]+'px', this.posprop)+'\n'
    come trasformo i PX in % ?

    Purtroppo non ho molta dimestichezza di java script

  4. #4
    Utente di HTML.it L'avatar di m4rko80
    Registrato dal
    Aug 2008
    residenza
    Milano
    Messaggi
    2,654
    A patto che funzioni puoi provare ad eliminare +'px' e quindi sarà così
    codice:
    setting.dimensions[0], setting.dimensions[1], this.posprop)+'\n
    e dalle opzioni passerai tutta la stringa al posto del solo valore
    codice:
    width: '100%'......
    Non so se width ed height ossia
    setting.dimensions[0] vengono usati per fare altri calcoli oltre a questo punto.
    nel caso potrebbe non funzionare altro.

    In alternativa puoi provare a sostituire con
    codice:
    setting.dimensions[0]+'%', setting.dimensions[1]+'%', this.posprop)+'\n'
    e vedere che succede

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.