Back to top

Autore Topic: Carousel Bootstrap su Joomla 3x Immagine va verso l'alto!  (Letto 2063 volte)

Offline Raffa22

  • Nuovo arrivato
  • *
  • Post: 45
    • Mostra profilo
Ho un problema ovviamente con il CAROUSEL di Bootstrap, l'immagine parte normalmente,
però si avvia un codice 'javascript' sul div in modo tale che diventi di 'height:0',
quindi con la transizione diventa un movimento verso l'alto,
però è sbagliato perchè poi scompare per un pò lo slideshow per poi ricomparire dopo.


Foto va verso l'alto invece di muoversi normalmente solo verso sinistra.

C'è qualche conflitto tra le librerie?

Grazie mille a chiunque mi risponderàààà  :( :( :( :( :(

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Carousel Bootstrap su Joomla 3x Immagine va verso l'alto!
« Risposta #1 il: 02 Set 2015, 18:24:03 »
sii! guardo le stelle e ti dico ;)
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline Raffa22

  • Nuovo arrivato
  • *
  • Post: 45
    • Mostra profilo
Re:Carousel Bootstrap su Joomla 3x Immagine va verso l'alto!
« Risposta #2 il: 02 Set 2015, 18:30:58 »
Non l'ho capita.  :o

Offline Raffa22

  • Nuovo arrivato
  • *
  • Post: 45
    • Mostra profilo
Re:Carousel Bootstrap su Joomla 3x Immagine va verso l'alto!
« Risposta #3 il: 02 Set 2015, 18:32:29 »
Ho notato un altro errore scompaiono i pulsanti dropdown...  :-\

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Carousel Bootstrap su Joomla 3x Immagine va verso l'alto!
« Risposta #4 il: 02 Set 2015, 18:40:20 »
peccato, ma se qualcuno riesce ad aiutarti con le poche informazioni che hai dato gli pago una cena.

Se fai caso i tantissimi post c'è spesso bisogno di una costante per ricevere aiuto, ed ogni volta ripeterlo è noiso, così preferisco fare gli indovinelli.

 :) :)
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline Raffa22

  • Nuovo arrivato
  • *
  • Post: 45
    • Mostra profilo
Re:Carousel Bootstrap su Joomla 3x Immagine va verso l'alto!
« Risposta #5 il: 02 Set 2015, 18:57:31 »
Normalmente il Carousel di Bootstrap è uno slideshow semplicissimo, ora sto provando ad utilizzare bootstrap con Joomla, cosa che sembra essere assolutamente possibile.

Ma il mio Carousel mi fa un brutto scherzo:




Praticamente parte normale, poi quando deve effettuare la transazione va verso l'alto e si rimpicciolisce fino a scomparire
e ho notato l'inserimento dinamico di un codice  style: 'height:0'.





Sono stata esauriente?
« Ultima modifica: 02 Set 2015, 18:59:26 da Raffa22 »

Offline tomtomeight

  • Global Moderator
  • Fuori controllo
  • ********
  • Post: 32046
  • Sesso: Maschio
  • Gli automatismi aiutano ma non insegnano nulla.
    • Mostra profilo
Re:Carousel Bootstrap su Joomla 3x Immagine va verso l'alto!
« Risposta #6 il: 02 Set 2015, 20:12:05 »
Con le foto possiamo fare solo sortilegi,  :) :) meglio un link diretto al sito.

Offline giusebos

  • Fuori controllo
  • *
  • Post: 21748
  • Sesso: Maschio
  • Giuseppe Serbelloni Mazzanti Viendalmare
    • Mostra profilo
Re:Carousel Bootstrap su Joomla 3x Immagine va verso l'alto!
« Risposta #7 il: 02 Set 2015, 20:29:45 »
no no, ci sto riuscendendo: guardando fisso fisso (senza muovermi) l'immagine, mi stanno arrivando dei codici...1,2, X Mha!
su www.icagenda.it guide e tutorial con esempi di chronoforms e chronoconnectivity

Offline Raffa22

  • Nuovo arrivato
  • *
  • Post: 45
    • Mostra profilo
Re:Carousel Bootstrap su Joomla 3x Immagine va verso l'alto!
« Risposta #8 il: 03 Set 2015, 14:43:08 »
Non capisco la tua ironia a cosa serva, francamente ci sono modi per far capire alla gente che sbaglia più gentili, mi sembra molto inutile la tua presenza in questo post se le uniche cose che sai dire sono ironiche.. E inoltre non fanno ridere nessuno...
Inoltre io credevo che dicendo il problema come é capitato altre volte, mi aiutaste..Ma francamente se uno deve chiedere un aiuto e poi essere così ironizzato tanto vale che ci prova da solo fino allo sfinimento...
Da ignorante pensavo che questo forum fosse di supporto e non di 'prendiamo in giro l'incapace'.
Comunque il codice normale del carousel:

Codice: [Seleziona]
<div data-ride="carousel" class="carousel slide" id="myCarousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li class="" data-slide-to="0" data-target="#myCarousel"></li>
        <li data-slide-to="1" data-target="#myCarousel" class="active"></li>
        <li data-slide-to="2" data-target="#myCarousel"></li>
      </ol>
      <div role="listbox" class="carousel-inner">
        <div class="item">
          <img alt="First slide" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" class="first-slide">
          <div class="container">
            <div class="carousel-caption">
              <h1>Example headline.</h1>
              <p>Note: If you're viewing this page via a <code>file://</code> URL, the "next" and "previous" Glyphicon buttons on the left and right might not load/display properly due to web browser security rules.</p>
              <p><a role="button" href="#" class="btn btn-lg btn-primary">Sign up today</a></p>
            </div>
          </div>
        </div>
        <div class="item active">
          <img alt="Second slide" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" class="second-slide">
          <div class="container">
            <div class="carousel-caption">
              <h1>Another example headline.</h1>
              <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
              <p><a role="button" href="#" class="btn btn-lg btn-primary">Learn more</a></p>
            </div>
          </div>
        </div>
        <div class="item">
          <img alt="Third slide" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" class="third-slide">
          <div class="container">
            <div class="carousel-caption">
              <h1>One more for good measure.</h1>
              <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
              <p><a role="button" href="#" class="btn btn-lg btn-primary">Browse gallery</a></p>
            </div>
          </div>
        </div>
      </div>
      <a data-slide="prev" role="button" href="#myCarousel" class="left carousel-control">
        <span aria-hidden="true" class="glyphicon glyphicon-chevron-left"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a data-slide="next" role="button" href="#myCarousel" class="right carousel-control">
        <span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span>
        <span class="sr-only">Next</span>
      </a>
    </div>

INVECE A ME prima del codice del CAROUSEL si inserisce ovviamente il codice COSTUM ma con uno stile richiamato dinamicamente che io non ho impostato:
Codice: [Seleziona]
[color=blue]IMMAGINE VISIBILE:[/color]
<div class="custom">
    <div style="[color=red]margin: 0px; position: relative; overflow: hidden; height: 299px;[/color]">
<div id="myCarousel" class="carousel slide" data-ride="carousel" style="[color=red]margin: 0px; overflow: hidden;[/color]">

[color=blue]IMMAGINE NON VISIBILE:
[/color][color=black]<div class="custom">
    <div style="[/color][color=red]margin: 0px; position: relative; overflow: hidden; height: 0px;[/color][color=black]">
<div id="myCarousel" class="carousel slide" data-ride="carousel" style="[/color][color=red]margin: -299px 0px 0px; overflow: hidden;[/color][color=black]">[/color][color=blue]
    [/color]
« Ultima modifica: 03 Set 2015, 18:07:34 da tomtomeight »

Offline Dieda12

  • Moderator
  • Appassionato
  • *****
  • Post: 344
  • Sesso: Femmina
    • Mostra profilo
Re:Carousel Bootstrap su Joomla 3x Immagine va verso l'alto!
« Risposta #9 il: 03 Set 2015, 18:01:06 »
Ciao Raffa22,

L'inserimento del codice "di troppo" che riferisci avviene tramite javascript/jQuery.
Ci sono due possibilità: eliminare/commentare/modificare lo script che si trova nella pagina, se statico, oppure agire sugli eventuali parametri nel backend.
Si tratta di un problema non semplice da affrontare perchè occorre andare a cercare da dove arriva quell'istruzione.
Il codice html generato non basta, al massimo rivela su quali elementi jQuery va ad agire e ovviamente non ha senso che tu posti qui l'intero sorgente della pagina.

In altre parole: o qualcuno ha avuto il tuo stesso identico problema, e allora saprà aiutarti, oppure è necessario che tu fornisca un link al sito e possibilmente anche al pacchetto o al template che hai installato, e può darsi che [FORSE] qualcosa si trovi.
www.studioinvento.it
MantaJ! per l'archivistica digitale

 



Web Design Bolzano Kreatif