Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Ola pessoal,
Como faço para diminuir a largura da DIV responsável pelos slides ficarem em rotação??
Já tentei via CSS na própria pagina, nos arquivos CSS, já tentei até mesmo no java-script mas não acho nada que mude a largura e nem a altura da pagina, mudei varios parâmetros e fica com a aparência intacta.
É algo básico mas engraçado que dentro do Nivo-Slider não há como modificar as dimensões.
Alguma sugestão:
Os arquivos CSS e de JS não foram alterados
Pagina que é aplicado o HTML
<link rel="stylesheet" href="<?php echo base_url(); ?>css/Slide1/nivo-slider.css" type="text/css" media="screen" />
<div id="wrapper">
<div id="slider-wrapper">
<div id="slider" class="nivoSlider">
<a href="<?php echo base_url(); ?>Arquivos/Avisos/literaturas_para_estudar.pdf" target="_blank"><img src="<?php echo base_url(); ?>images/Slide1/brevevestibular.gif" alt="Vestibular FASEH" title="Vestibular FASEH" /></a>
<a href="http://sisfiesportal.mec.gov.br/" target="_blank"><img src="<?php echo base_url(); ?>images/Slide1/dia_fies.gif" alt="Inscrições Fies" title="Inscrições Fies" /></a>
</div>
<div id="htmlcaption" class="nivo-html-caption">
<!--<strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>.-->
</div>
</div>
</div>
<script type="text/javascript" src="<?php echo base_url(); ?>/js/jquery.js"></script>
<script type="text/javascript" src="<?php echo base_url(); ?>/js/Slide1/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider({
effect:'random', //Specify sets like: 'fold,fade,sliceDown'
slices:15,
boxCols: 3, // For box animations
boxRows: 1, // For box animations
animSpeed:1000, //Slide transition speed
pauseTime:5000,
startSlide:0, //Set starting Slide (0 index)
directionNav:true, //Next & Prev
directionNavHide:true, //Only show on hover
controlNav:false, //1,2,3...
controlNavThumbs:false, //Use thumbnails for Control Nav
controlNavThumbsFromRel:false, //Use image rel for thumbs
controlNavThumbsSearch: '.jpg', //Replace this with...
controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
keyboardNav:true, //Use left & right arrows
pauseOnHover:true, //Stop animation while hovering
manualAdvance:false, //Force manual transitions
captionOpacity:0.8, //Universal caption opacity
beforeChange: function(){},
afterChange: function(){},
slideshowEnd: function(){}, //Triggers after all slides have been shown
lastSlide: function(){}, //Triggers when last slide is shown
afterLoad: function(){} //Triggers when slider has loaded
});
});
</script>Carregando comentários...