Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 11
  1. #1
    Utente di HTML.it
    Registrato dal
    Mar 2015
    Messaggi
    11

    Problema slider responsive! Aiuuuutooo

    Ciao a tutti, colgo l'occasione per presentarmi;
    mi chiamo Mauro, Mao per gli amici, e sono un giovane designer (product e graphic) che stà cercando, aimè, di farsi un sito web decente per ora, con buoni risultati (ovviamente usando aiutini ).

    Veniamo al problema:
    il sito è questo, ancora under construction
    http://maurodesigner.it/
    è un sito responsive, costruito con wordpress, modificando il template "interfce free" di themehorse.

    Il problema è che lo slider in homepage, va benissimo fullscreen, nella versione su pc, ma sulle piccole risoluzioni dà dei problemi; essendo responsive, questo cavolo di slider viene ridimensionato in modo proporzionale ed avendo io usato una dimensione delle immagini molto orizzontale, quando vengono ridimensionate su smartphone diventano molto molto piccole.

    Io vorrei riuscire ad avere su smartphone un ridimensionamento che generi immagini, diciamo, grosso modo quadrate, ovvero che abbiano un ridimensionamento minore, e tagliando i margini delle immagini. non so se mi sono spiegato.

    Avete qualche brillante idea?
    Io è una settimana che ci sto sopra notte e giorno, sto impazzendo

  2. #2
    Utente di HTML.it
    Registrato dal
    Mar 2015
    Messaggi
    11
    Up! Up! Su ragazzi, mi serve tutto il vostro genio!

  3. #3
    Utente di HTML.it L'avatar di Experiment8
    Registrato dal
    Jun 2012
    residenza
    Milano
    Messaggi
    254
    Ciao,

    dovresti aggiungere al CSS una cosa del genere:

    codice:
    @media screen and (max-width: 768px){
       .featured-slider .slider-cycle { width: 200% !important; margin-left: -50% !important; }
    }
    I media queries ci sono già, dovresti posizionare questa regola nel media query che ti interessa, io te ne ho messo uno di esempio a dimensioni device inferiori di 768px. Puoi dopo giocare sulla width e il margin-left per ottenere l'effetto che ti soddisfa di più, ma così mi sembra possa andare.

    In un mondo di smartphone colui che possiede un PC è un re

  4. #4
    Utente di HTML.it
    Registrato dal
    Mar 2015
    Messaggi
    11
    Grazie mille della risposta, grazie davvero anche perchè sto impazzendo
    il problema adesso è un altro, ed è lo stesso che mi si presenta da giorni
    ovvero, l'immagine sborda!!! Assurdo!!
    Nei giorni scorsi, sporcando un po il codice avevo ottenuto un risultato simile a quello che si ottiene con il tuo consiglio. Comunque, con il tuo codice, il risultato è questo che è già molto buono, ma come si fa a tagliare ste benedette immagini?
    1.JPG2.JPG

  5. #5
    Utente di HTML.it
    Registrato dal
    Mar 2015
    Messaggi
    11
    dai ragazzi, per favore, ci sto impazzendo dietro a questa roba

  6. #6
    http://foundation.zurb.com/docs/comp...terchange.html

    Dovresti provare script simili a quello del link.

  7. #7
    Utente di HTML.it
    Registrato dal
    Mar 2015
    Messaggi
    11
    Ciao graffithouse, grazie della risposta, ma non ho capito
    dovrei usare il jscript? Non pensi che si possa fare solamante con i css?

  8. #8
    Utente di HTML.it L'avatar di Experiment8
    Registrato dal
    Jun 2012
    residenza
    Milano
    Messaggi
    254
    Ciao,

    prova a ad aggiungere questa regola:

    codice:
    .featured-slider { overflow: hidden; max-width: 100%; }
    Fammi sapere

    In un mondo di smartphone colui che possiede un PC è un re

  9. #9
    Utente di HTML.it
    Registrato dal
    Mar 2015
    Messaggi
    11
    Fratello, sei un genio!!!
    In 2 post mi hai risolto un problema che, senza scherzi, mi ha portato via 10h al giorno per 8 giorni!!!
    Carico il codice in remoto e vediamo come va
    3.JPG

  10. #10
    Utente di HTML.it
    Registrato dal
    Mar 2015
    Messaggi
    11
    Funziona alla grandissima!!!!
    Non so come ringraziarti!! Posso fare qualcosa per te?
    Non so, hai bisogno di una grafica, di un logo veloce, dimmi pure!

Tag per questa discussione

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 © 2025 vBulletin Solutions, Inc. All rights reserved.