banner

[brunino]

appena posso te lo scrivo... comunque i banner andVano tagliati orizzontalmente, non ridimensionati....mi sono espresso male

Inviato dal mio GT-S5360 con Tapatalk 2

[mimmoely]

ok tagliati

questo originale
http://www.sudinvolo.it/forum/banner/banner_tiltoys
e questo tagliato
http://www.sudinvolo.it/forum/banner/banner_tiltoys_m

rimango in attesa del codice

[brunino]

Codice: Seleziona tutto

<div align="center" class="responsive-hide">
<script type="text/javascript">
var imgs1 = new Array("http://www.sudinvolo.it/forum/banner/banner_tiltoys.png","http://www.sudinvolo.it/forum/banner/banner_miter.png","http://www.sudinvolo.it/forum/banner/banner_hobbytechnology.png","http://www.sudinvolo.it/forum/banner/banner_rcmodel.png");
var lnks1 = new Array("http://www.tiltoys.com","http://www.mitermodel.it","http://www.hobbytechnology.it","http://www.rc-model.it");
var alt1 = new Array("http://www.tiltoys.com","http://www.mitermodel.it","http://www.hobbytechnology.it","http://www.rc-model.it");
var currentAd1 = 0;
var imgCt1 = 4;
function cycle1() {
  if (currentAd1 == imgCt1) {
    currentAd1 = 0;
  }
var banner1 = document.getElementById('adBanner1');
var link1 = document.getElementById('adLink1');
  banner1.src=imgs1[currentAd1]
  banner1.alt=alt1[currentAd1]
  document.getElementById('adLink1').href=lnks1[currentAd1]
  currentAd1++;
}
  window.setInterval("cycle1()",10000);
</script>
<a href=""http://www.tiltoys.com"" id="adLink1" target="_blank">
<img src="http://www.sudinvolo.it/forum/banner/banner_tiltoys.png" id="adBanner1" border="0" width="728" height="90"></a>
</div>

 <div class="responsive-show">
<script type="text/javascript">
var mimgs1 = new Array("http://www.sudinvolo.it/forum/banner/banner_tiltoys_m.png","http://www.sudinvolo.it/forum/banner/banner_miter_m.png","http://www.sudinvolo.it/forum/banner/banner_hobbytechnology_m.png","http://www.sudinvolo.it/forum/banner/banner_rcmodel_m.png");
var mlnks1 = new Array("http://www.tiltoys.com","http://www.mitermodel.it","http://www.hobbytechnology.it","http://www.rc-model.it");
var malt1 = new Array("http://www.tiltoys.com","http://www.mitermodel.it","http://www.hobbytechnology.it","http://www.rc-model.it");
var mcurrentAd1 = 0;
var mimgCt1 = 4;
function mcycle1() {
  if (mcurrentAd1 == mimgCt1) {
    mcurrentAd1 = 0;
  }
var mbanner1 = document.getElementById('madBanner1');
var mlink1 = document.getElementById('madLink1');
  mbanner1.src=mimgs1[mcurrentAd1]
  mbanner1.alt=malt1[mcurrentAd1]
  document.getElementById('madLink1').href=mlnks1[mcurrentAd1]
  mcurrentAd1++;
}
  window.setInterval("mcycle1()",10000);
</script>
<a href=""http://www.tiltoys.com"" id="madLink1" target="_blank">
<img src="http://www.sudinvolo.it/forum/banner/banner_tiltoys.png" id="madBanner1" border="0" width="728" height="90"></a>
</div> 

non l'ho testato. ricorda di svuotare la cache

Inviato dal mio GT-S5360 con Tapatalk 2

[mimmoely]

mi spiace ma non va bene,
sul pc si vedono due banner, uno centrato e l'altro subito sotto allineato a sinistra;
sul telefono non è cambiato nulla;

se dovessi rifarmela ti dispiace indicarmi (nel codice) dove devo intervenire se dovessi inserire altri banner?
non posso mica chiederti un codice ogni volta che ne aggiungerò uno

[mimmoely]

Codice: Seleziona tutto

<div align="center" class="responsive-hide">
<script type="text/javascript">
var imgs1 = new Array("http://www.sudinvolo.it/forum/banner/banner_tiltoys.png","http://www.sudinvolo.it/forum/banner/banner_miter.png","http://www.sudinvolo.it/forum/banner/banner_hobbytechnology.png","http://www.sudinvolo.it/forum/banner/banner_rcmodel.png");
var lnks1 = new Array("http://www.tiltoys.com","http://www.mitermodel.it","http://www.hobbytechnology.it","http://www.rc-model.it");
var alt1 = new Array("http://www.tiltoys.com","http://www.mitermodel.it","http://www.hobbytechnology.it","http://www.rc-model.it");
var currentAd1 = 0;
var imgCt1 = 4;
function cycle1() {
  if (currentAd1 == imgCt1) {
    currentAd1 = 0;
  }
var banner1 = document.getElementById('adBanner1');
var link1 = document.getElementById('adLink1');
  banner1.src=imgs1[currentAd1]
  banner1.alt=alt1[currentAd1]
  document.getElementById('adLink1').href=lnks1[currentAd1]
  currentAd1++;
}
  window.setInterval("cycle1()",10000);
</script>
<a href=""http://www.tiltoys.com"" id="adLink1" target="_blank">
<img src="http://www.sudinvolo.it/forum/banner/banner_tiltoys.png" id="adBanner1" border="0" width="728" height="90"></a>
</div>

 <div class="responsive-show">
<script type="text/javascript">
var mimgs1 = new Array("http://www.sudinvolo.it/forum/banner/banner_tiltoys_m.png","http://www.sudinvolo.it/forum/banner/banner_miter_m.png","http://www.sudinvolo.it/forum/banner/banner_hobbytechnology_m.png","http://www.sudinvolo.it/forum/banner/banner_rcmodel_m.png");
var mlnks1 = new Array("http://www.tiltoys.com","http://www.mitermodel.it","http://www.hobbytechnology.it","http://www.rc-model.it");
var malt1 = new Array("http://www.tiltoys.com","http://www.mitermodel.it","http://www.hobbytechnology.it","http://www.rc-model.it");
var mcurrentAd1 = 0;
var mimgCt1 = 4;
function mcycle1() {
  if (mcurrentAd1 == mimgCt1) {
    mcurrentAd1 = 0;
  }
var mbanner1 = document.getElementById('madBanner1');
var mlink1 = document.getElementById('madLink1');
  mbanner1.src=mimgs1[mcurrentAd1]
  mbanner1.alt=malt1[mcurrentAd1]
  document.getElementById('madLink1').href=mlnks1[mcurrentAd1]
  mcurrentAd1++;
}
  window.setInterval("mcycle1()",10000);
</script>
<a href=""http://www.tiltoys.com"" id="madLink1" target="_blank">
<img src="http://www.sudinvolo.it/forum/banner/banner_tiltoys.png" id="madBanner1" border="0" width="728" height="90"></a>
</div> 

non l'ho testato. ricorda di svuotare la cache

Inviato dal mio GT-S5360 con Tapatalk 2

Ciao Brunino, hai avuto modo di testarlo?

[systemcrack]

Non può andare per forza ragazzi.. se c'è solo il comando per nasconderlo al cellulare, quando visualizzi da pc ne vedrai per forza sempre 2.. ci vuole anche il comando nascondi al pc...

[brunino]

Teoricamente è responsive-show... non so perchè non va

[systemcrack]

L'unica cosa che trovo leggendo in giro è: Media queries css.. ma me lo devo studiare..

[brunino]

Codice: Seleziona tutto

<div style="align:center" class="responsive-hide">
<script type="text/javascript">
var imgs1 = new Array("http://www.sudinvolo.it/forum/banner/banner_tiltoys.png","http://www.sudinvolo.it/forum/banner/banner_miter.png","http://www.sudinvolo.it/forum/banner/banner_hobbytechnology.png","http://www.sudinvolo.it/forum/banner/banner_rcmodel.png");
var lnks1 = new Array("http://www.tiltoys.com","http://www.mitermodel.it","http://www.hobbytechnology.it","http://www.rc-model.it");
var alt1 = new Array("http://www.tiltoys.com","http://www.mitermodel.it","http://www.hobbytechnology.it","http://www.rc-model.it");
var currentAd1 = 0;
var imgCt1 = 4;
function cycle1() {
  if (currentAd1 == imgCt1) {
    currentAd1 = 0;
  }
var banner1 = document.getElementById('adBanner1');
var link1 = document.getElementById('adLink1');
  banner1.src=imgs1[currentAd1]
  banner1.alt=alt1[currentAd1]
  document.getElementById('adLink1').href=lnks1[currentAd1]
  currentAd1++;
}
  window.setInterval("cycle1()",10000);
</script>
<a href=""http://www.tiltoys.com"" id="adLink1" target="_blank">
<img src="http://www.sudinvolo.it/forum/banner/banner_tiltoys.png" id="adBanner1" border="0" width="728" height="90"></a>
</div>

 <div class="responsive-show" style="display: none">
<script type="text/javascript">
var mimgs1 = new Array("http://www.sudinvolo.it/forum/banner/banner_tiltoys_m.png","http://www.sudinvolo.it/forum/banner/banner_miter_m.png","http://www.sudinvolo.it/forum/banner/banner_hobbytechnology_m.png","http://www.sudinvolo.it/forum/banner/banner_rcmodel_m.png");
var mlnks1 = new Array("http://www.tiltoys.com","http://www.mitermodel.it","http://www.hobbytechnology.it","http://www.rc-model.it");
var malt1 = new Array("http://www.tiltoys.com","http://www.mitermodel.it","http://www.hobbytechnology.it","http://www.rc-model.it");
var mcurrentAd1 = 0;
var mimgCt1 = 4;
function mcycle1() {
  if (mcurrentAd1 == mimgCt1) {
    mcurrentAd1 = 0;
  }
var mbanner1 = document.getElementById('madBanner1');
var mlink1 = document.getElementById('madLink1');
  mbanner1.src=mimgs1[mcurrentAd1]
  mbanner1.alt=malt1[mcurrentAd1]
  document.getElementById('madLink1').href=mlnks1[mcurrentAd1]
  mcurrentAd1++;
}
  window.setInterval("mcycle1()",10000);
</script>
<a href=""http://www.tiltoys.com"" id="madLink1" target="_blank">
<img src="http://www.sudinvolo.it/forum/banner/banner_tiltoys.png" id="madBanner1" border="0" width="728" height="90"></a>
</div> 

Ho capito dove era il problema. Dovrebbe andare.

[Sir Xiradorn]

Vi faccio un esempio di uso semplice di una media queries:

Codice: Seleziona tutto

.container {
  color: red;
}
@media screen and (max-width: 500px) {
  .container {
    color: green;
  }
}

Questo codice css funzione cosi. Quando un elemento viene insignito di questa classe è inizialmente rosso. Quando la grandezza dello schermo diventa più piccola di 500px il colore del testo diventa verde