Jump to content

Search the Community

Showing results for tags 'slider'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 23 results

  1. Davi M.

    Bug no slider

    Olá, queria a ajuda de alguém para tentar resolver um bug no meu slider, acontece que aparentemente ele funciona normalmente, mas em algum momento quando volto para olhar-lo as vezes ele começa a trocar as imagens de forma muito rápida, tipo em um e um segundo, mas logo para e funciona normal. Não consegui descobrir o porque. Duvido que vocês vão ter tempo e paciência de ficar olhando para o slider para ver o erro, então queria que vocês apenas olhassem para os códigos do meus slider e me dissesse se tem algo que eu estou fazendo de errado ou que poderia fazer melhor, afim de não term mais chances do slider ter esse bug. Obrigado. Código: <html> <head> <title>Slider</title> <style> /* SLIDER */ * { margin:0; padding:0; } .slides { width: 100%; height: 100%; z-index: 200; position: relative; border-bottom: ridge blue 5px; } #imagem1, #imagem2, #imagem3 { width: 100%; height: 100%; position: absolute; top: 0px; z-index: 200; } #imagem2, #imagem3 { display: none; } #imagem1 { display: block; } /*Botões*/ #B1, #B2, #B3 { z-index: 300; font-size: 50px; } #B1v, #B2v, #B3v { z-index: 300; font-size: 50px; } #pausar1, #pausar2, #pausar3 { z-index: 300; font-size: 50px; } #continuar1, #continuar2, #continuar3 { z-index: 300; font-size: 50px; display: none; } .textoSlider { position: relative; top: -250px; text-align: center; color: white; font-size: 30px; width: 80%; z-index: 300; } .saberMais { font-size: 20px; font-weight: bold; background-color: #00BFFF; width: 150px; padding-top: 10px; padding-bottom: 10px; border-radius: 5px; cursor: pointer; text-align: center; position: relative; bottom: 230px; z-index: 300; } .saberMais:hover { transform: scale(.9); transition: 1s; border-radius: 10px; background-color: #1E90FF; } .saberMais a:hover { color: orange; } .saberMais a { text-decoration: none; color: blue; } #controle { display: flex; justify-content: space-between; } .controleEstilo { width: 10%; height: 10%; margin: 10px; text-align: center; color: white; position: relative; bottom: 240px; } .controleEstilo:hover { color: #104af6; transition-duration: 1s; } .introducaoSlider { display: flex; justify-content: center; } .tituloSlider { font-size: 30px; color: red; } @media only screen and (max-width: 1100px) { .textoSlider { font-size: 20px; width: 95%; } } </style> </head> <body> <!-- SLIDER --> <header> <ul> <li> <div id="imagem1"> <img src="https://joaobidu.com.br/wp-content/uploads/2017/05/foto-de-lua-crescente-550x367.jpg" class="slides"> <div class="introducaoSlider"> <div class="textoSlider"> <div class="tituloSlider">Titulo 1</div> <label>Texto, texto texto texto texto texto texto texto texto texto texto texto</label> </div> </div> <div class="introducaoSlider"> <div class="saberMais"><a href="#titulo1" class="scroll">Saber Mais</a></div> </div> <div id="controle"> <div class="controleEstilo" id="B1v">&#65513;</div> <div class="controleEstilo" id="pausar1">&#10073;&#10073;</div> <div class="controleEstilo" id="continuar1">&#9655;</div> <div class="controleEstilo" id="B1">&#65515;</div> </div> </div> </li> <li> <div id="imagem2"> <img src="http://conexaoplaneta.com.br/wp-content/uploads/2016/05/cultivando-fases-da-lua-800.jpg" class="slides"> <div class="introducaoSlider"> <div class="textoSlider"> <div class="tituloSlider">Titulo 2</div> <label>Texto, texto texto texto texto texto texto texto texto texto texto texto</label> </div> </div> <div class="introducaoSlider"> <div class="saberMais" ><a href="#titulo2" class="scroll">Saber Mais</a></div> </div> <div id="controle"> <div class="controleEstilo" id="B2v">&#65513;</div> <div class="controleEstilo" id="pausar2">&#10073;&#10073;</div> <div class="controleEstilo" id="continuar2">&#9655;</div> <div class="controleEstilo" id="B2">&#65515;</div> </div> </div> </li> <li> <div id="imagem3"> <img src="https://abrilclaudia.files.wordpress.com/2017/11/lua_cheia.jpg" class="slides"> <div class="introducaoSlider"> <div class="textoSlider"> <div class="tituloSlider">Titulo 3</div> <label>Texto, texto texto texto texto texto texto texto texto texto texto texto</label> </div> </div> <div class="introducaoSlider"> <div class="saberMais"><a href="#titulo3" class="scroll">Saber Mais</a></div> </div> <div id="controle"> <div class="controleEstilo" id="B3v">&#65513;</div> <div class="controleEstilo" id="pausar3">&#10073;&#10073;</div> <div class="controleEstilo" id="continuar3">&#9655;</div> <div class="controleEstilo" id="B3">&#65515;</div> </div> </div> <li> </ul> </header> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <script> //SLIDER var counter = 0 var timer = setInterval(function() { counter++ console.log(counter) //Troca slider sozinho if (counter === 10) { $("#imagem1").fadeOut("slow") $("#imagem2").fadeIn("slow") } else if (counter === 20) { $("#imagem2").fadeOut("slow") $("#imagem3").fadeIn("slow") } else if (counter === 30) { $("#imagem3").fadeOut("slow") $("#imagem1").fadeIn("slow") //reset } else if (counter > 30) { counter = 0 } //Pausar/Continuar slider 1 $("#pausar1").click(function() { counter = Number.NEGATIVE_INFINITY }) $("#continuar1").click(function(){ counter = 0 }) //Pausar/Continuar slider 2 $("#pausar2").click(function() { counter = Number.NEGATIVE_INFINITY }) $("#continuar2").click(function(){ counter = 10 }) //Pausar/Continuar slider 3 $("#pausar3").click(function() { counter = Number.NEGATIVE_INFINITY }) $("#continuar3").click(function(){ counter = 20 }) }, 500); //variaves usadas para pausar/continuar slider let continuar1 = $("#continuar1") let continuar2 = $("#continuar2") let continuar3 = $("#continuar3") let pausar1 = $("#pausar1") let pausar2 = $("#pausar2") let pausar3 = $("#pausar3") //Se clicar em pausar1 slide, pausar1 some e aparece continuar1 pausar1.click(function(){ //pausar some $("#pausar1").css('display', 'none') //continuar aparece $("#continuar1").css('display', 'block') }) //Se cliclar em continuar1, continuar1 some e aparece pausar1 continuar1.click(function(){ //continuar some $("#continuar1").css('display', 'none') //pausar aparece $("#pausar1").css('display', 'block') }) //Se clicar em pausar2 slide, pausar2 some e aparece continuar2 pausar2.click(function(){ //pausar some $("#pausar2").css('display', 'none') //continuar aparece $("#continuar2").css('display', 'block') }) //Se cliclar em continuar2, continuar2 some e aparece pausar2 continuar2.click(function(){ //continuar some $("#continuar2").css('display', 'none') //pausar aparece $("#pausar2").css('display', 'block') }) //Se clicar em pausar3 slide, pausar3 some e aparece continuar3 pausar3.click(function(){ //pausar some $("#pausar3").css('display', 'none') //continuar aparece $("#continuar3").css('display', 'block') }) //Se cliclar em continuar3, continuar3 some e aparece pausar3 continuar3.click(function(){ //continuar some $("#continuar3").css('display', 'none') //pausar aparece $("#pausar3").css('display', 'block') }) //Avançar $("#B1").click(function() { counter = counter = 10 $("#imagem1").fadeOut("slow") $("#imagem2").fadeIn("slow") }) $("#B2").click(function() { counter = counter = 20 $("#imagem2").fadeOut("slow") $("#imagem3").fadeIn("slow") }) $("#B3").click(function() { counter = counter = 30 $("#imagem3").fadeOut("slow") $("#imagem1").fadeIn("slow") }) //Voltar $("#B1v").click(function() { counter = counter = 20 $("#imagem1").fadeOut("slow") $("#imagem3").fadeIn("slow") }) $("#B3v").click(function() { counter = counter = 10 $("#imagem3").fadeOut("slow") $("#imagem2").fadeIn("slow") }) $("#B2v").click(function() { counter = counter = 0 $("#imagem2").fadeOut("slow") $("#imagem1").fadeIn("slow") }) //Para arruamar bug no firefox que não aceita height:100% no modo celular var firefox = navigator.userAgent.indexOf('Firefox') > -1; if (window = firefox){ alert("Firefox") if (window.innerWidth < 1000) { $(".slides").css('max-height', '580px') $("header").css('max-height', '580px') alert("1000") } } </script> </body> </html>
  2. Estou com o seguinte problema: Criei um código PHP que monta perfeitamente o carousel com o nome das imagens em meu banco de dados, porém o carousel fica congelado na primeira imagem, sei que é apenas um detalhe mas não estou conseguindo rodar. <?php // Parte que chama o slider como o id das fotosextras $idp = $imovel; $sqls = mysql_query("SELECT * FROM imovelfotoextra WHERE idimovel='".$idp."' order by id desc LIMIT 16"); $numRegistros = mysql_num_rows($sqls); $contador = $numRegistros; ?> <div id="myCarousel" class="carousel slide" data-ride="carousel"> <?php If ($numRegistros != 0){ // <!-- Indicators --> echo "<ol class=\"carousel-indicators\">"; $reg = 0; while ($dadoss=mysql_fetch_array($sqls)){ if ($contador == 1 || $reg == 0){ echo "<li data-target=\"#myCarousel\" data-slide-to=\"".$reg."\" class=\"active\"></li>"; $contador = $contador + 1; $reg = $reg + 1; } else { echo "<li data-target=\"#myCarousel\" data-slide-to=\"".$reg."\"></li>"; $contador = $contador + 1; $reg = $reg + 1; } } echo "</ol> <div class=\"carousel-inner\">"; $sqltris = mysql_query("SELECT * FROM imovelfotoextra WHERE idimovel='".$idp."' order by id asc LIMIT 16"); $flagtris = 0; while($dadostris=mysql_fetch_array($sqltris)){ if ($flagtris == 0){ echo "<div class=\"item active\"> <img src=\"paginas/midias/images/".$dadostris[foto]."\" Alt=\"".$dadostris[foto]."\" border=\"0\" /></div>"; } else { echo "<div class=\"item\"> <img src=\"paginas/midias/images/".$dadostris[foto]."\" Alt=\"".$dadostris[foto]."\" border=\"0\" /></div>"; } $flagtris = 1; } echo "</div>"; } else { echo "<ol class=\"carousel-indicators\">"; echo "<li data-target=\"#myCarousel\" data-slide-to=\"0\" class=\"active\"></li>"; echo "</ol> <div class=\"carousel-inner\">"; echo "<div class=\"item active\"><img src=\"paginas/thumbs.php?w=200&h=125&imagem=midias/images/".$mostra[foto]."\" border=\"0\"></div>"; echo "</div>"; } ?> <!-- Left and right controls --> <a class=\"left carousel-control\" href=\"#myCarousel\" role=\"button\" data-slide=\"prev\"> <span class=\"glyphicon glyphicon-chevron-left\" aria-hidden=\"true\"></span> <span class=\"sr-only\">Anterior</span> </a> <a class=\"right carousel-control\" href=\"#myCarousel\" role=\"button\" data-slide=\"next\"> <span class=\"glyphicon glyphicon-chevron-right\" aria-hidden=\"true\"></span> <span class=\"sr-only\">Próximo</span> </a> </div>Um exemplo do que ocorre pode ser localizado em http://www.forsterimoveis.com.br/index.php?p=imovel&id=1071 ao clicar no carousel ele não vai para a próxima imagem do imóvel. Agradeço desde já. Cordialmente. Leandro Mesquita
  3. Olá bom dia. Tenho uma aplicação android na qual tenho um slider que pego os dados do webserver php. Gostaria de saber como faço para abrir a url vinda do banco de dados, quando a imagem for clicada. Este é meu código eu fiz o código pegando como base uma URL fixa de uma variavel local. mas preciso pegar o a url que vem do banco seria a var = slider_url Se alguém puder me ajudar fico muito grato! private void makeGetSliderRequest() { JsonArrayRequest req = new JsonArrayRequest(BaseURL.GET_SLIDER, new Response.Listener<JSONArray>() { @Override public void onResponse(JSONArray response) { Log.d(TAG, response.toString()); try { // Parsing json array response // loop through each json object // arraylist list variable for store data; final ArrayList<HashMap<String, String>> listarray = new ArrayList<>(); for (int i = 0; i < response.length(); i++) { JSONObject jsonObject = (JSONObject) response .get(i); final HashMap<String, String> url_maps = new HashMap<String, String>(); url_maps.put("slider_title", jsonObject.getString("slider_title")); url_maps.put("slider_image", BaseURL.IMG_SLIDER_URL + jsonObject.getString("slider_image")); url_maps.put("slider_url", BaseURL.IMG_SLIDER_URL + jsonObject.getString("slider_url")); listarray.add(url_maps); } for (HashMap<String, String> name : listarray) { final TextSliderView textSliderView = new TextSliderView(getActivity()); // initialize a SliderLayout textSliderView .description(name.get("slider_title")) .image(name.get("slider_image")) .setScaleType(BaseSliderView.ScaleType.Fit); //adiciono o slider title no slider textSliderView.bundle(new Bundle()); textSliderView.getBundle() .putString("extra", name.get("slider_title")); imgSlider.addSlider(textSliderView); textSliderView.setOnSliderClickListener(new BaseSliderView.OnSliderClickListener() { @Override // Aqui eu capturo o clique na imagem e abro a url. // Preciso pegar a url desta string (slider_url) e inserir no lugar da string url public void onSliderClick(BaseSliderView slider) { String url = "http://www.google.com.br"; Toast.makeText(getActivity(), "clicou:", Toast.LENGTH_SHORT).show(); Intent browserIntent = new Intent(Intent.ACTION_VIEW, Uri.parse(url)); startActivity(browserIntent); } }); } } catch (JSONException e) { e.printStackTrace(); Toast.makeText(getActivity(), "Error: " + e.getMessage(), Toast.LENGTH_LONG).show(); } hidepDialog(); } }, new Response.ErrorListener() { @Override public void onErrorResponse(VolleyError error) { VolleyLog.d(TAG, "Error: " + error.getMessage()); Toast.makeText(getActivity(), error.getMessage(), Toast.LENGTH_SHORT).show(); hidepDialog(); } }); // Adding request to request queue AppController.getInstance().addToRequestQueue(req); }
  4. Gabriela Sganzerla

    MasterSlider exibido com erro

    Ola! O masterslider do meu blog não esta exibindo o titulo.. http://www.gabrielareiko.com Estava normal até ontem. Alguém sabe como posso arrumar isso?
  5. Bergs

    Efeito de Slider

    O efeito do slide é o seguinte: quando se clicar na seta de passar o slide (que tem formato circular e o ícone de seta), o próximo slide aparece com o circulo da seta de passar se expandindo e ocupando todo slide, esse próximo slide vai aparecendo dentro desse circulo que se expande. Alguém conhece o slide que faz esse efeito?
  6. Estou com um problema na hora de deixa o site responsivo, preciso que quando o meu menu for clicado e a div header descer, as setas do slider que estão definidas com position absolute devem descer junto com o slider, não invadindo o espaço do menu. Se elas estivesse dentro do meu container slider funcionaria, porém estou utilizando o plugin jquery cycle e tudo que ponho dentro da container-slider se torna um elemento de slide. <div class="topoResponsive"> <div class="header"> <div class="container-logo"> <a href="index.php"><div class="logo"></div></a> </div> <div class="container-menu"> <img class="menuToogle" src="assets/img/menu-toogle.png" alt=""> <ul class="nav"> <li><a href="sobre-nos.php">Quem somos</a></li> <li><a href="pecas-agricolas.php">Peças agrícolas</a></li> <li><a href="pecas-inox.php">Peças Inox</a></li> <li class="mostrarMenu"><a href="contato.php">Contato</a></li> <li><a target="_blank" href="https://www.google.com.br/search?biw=1280&bih=566&tbm=nws&ei=AhK8WpKCAsiJwgSV3bPQBQ&q=agroneg%C3%B3cio&oq=agroneg%C3%B3cio&gs_l=psy-ab.3..0l10.3154.5498.0.5666.11.7.0.4.4.0.137.722.0j6.6.0....0...1c.1.64.psy-ab..1.10.737....0.HM95MZwK05g">Notícias</a></li> </ul> </div> </div> </div> <div class="slider"> <figure> <img src="assets/img/slide2.png" /> <figcaption> <p>Indústria e comércio de peças</p> <div class="btn-slider"><a href="pecas-inox.php">Clique e conheça</a></div> </figcaption> </figure> <figure> <img src="assets/img/slide1.png" /> <figcaption> <p>Solicite agora um orçamento!</p> <div class="btn-slider"><a href="contato.php">Entrar em contato</a></div> </figcaption> </figure> </div> <a class="arrowsSlider" id="prevSlider" href=""><img width="60px" src="assets/img/LeftArrow.png"/></a> <a class="arrowsSlider" id="nextSlider" href=""><img width="60px" src="assets/img/rightArrow.png"/></a> /* CONTAINER SLIDER */ .slider{ position: relative; height: auto; width: 100%; z-index: 1; margin: 0 auto; } .slider img { width: 100%; height: auto; } .arrowsSlider{ position: absolute; height: 100px; top: 50%; margin-top: -50px; z-index: 2; opacity: 0.5; transition: 0.5s; } .arrowsSlider:hover{ opacity: 1; } #nextSlider{ right: 0; } .slider figcaption{ position: absolute; text-align: center; color: #FFF; top: 50%; left: 50%; width: 400px; height: 150px; margin-left: -200px; margin-top: -75px; z-index: 2; } .slider figcaption p{ font-family: Myriad; font-size: 40px; font-weight: bold; } .btn-slider{ position: absolute; width: 210px; height: 40px; left: 50%; margin-left: -105px; border: 2px solid #FFF; transition: 0.5s; text-align: center; cursor: pointer; } .btn-slider a { font-family: Helvetica; font-weight: bold; color: #FFF; line-height: 40px; text-decoration: none; } .btn-slider:hover{ background: #FFF; } .btn-slider:hover a{ color: #4F4F4F; } PRINT DO PROBLEMA: https://imgur.com/a/FuYLB
  7. Não entendo muito, mas tentei resolver e não consegui. O slider de fotos não está mais funcionando (Botões e nem o modo "Swiper"). Alguém pode me ajudar, por gentileza? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"> <title>MODAL SWIPER</title> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/swiper.min.css"> <link rel="stylesheet" href="css/swiper2.css"> <link rel="stylesheet" href="css/bootstrap.min.css""> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-XdYbMnZ/QjLh6iI4ogqCTaIjrFk87ip+ekIjefZch0Y+PvJ8CDYtEs1ipDmPorQ+" crossorigin="anonymous"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> </head> <body> <div class="wrapper"> <a class="sm_open" data-modal="examplePlain" data-effect="pushdown">BOTÃO</a></li> </div> <div class="slim_modal" id="examplePlain"> <div class="sm_content"> <div class="sm_content_inner_wrap"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="swiper-zoom-container"> <img src="1.jpg"> </div> </div> <div class="swiper-slide"> <div class="swiper-zoom-container"> <img src="2.jpg"> </div> </div> <div class="swiper-slide"> <div class="swiper-zoom-container"> <img src="3.jpg"> </div> </div> </div> <!-- Add Pagination --> <div class="swiper-pagination swiper-pagination-white"></div> <!-- Add Navigation --> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> </div> <a class="sm_close sm_close_button">CLOSE</a> </div> </div> </div> <script src="js/index.js"></script> <!-- Swiper JS --> <script src="js/swiper.min.js"></script> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script> <!-- Initialize Swiper --> <script> var swiper = new Swiper('.swiper-container', { zoom: true, pagination: { el: '.swiper-pagination', }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); </script> </body> </html>
  8. jardelcosta

    Ajuda com Flexslider e filtro

    Olá! Gente, estou precisando de ajuda em relação a um carouser, slider... Estou usando o flexslider para mostrar um slider com fotos. De acordo com minha tela, são usados 25 fotos, cada slide mostra 5 fotos.. isso pelo tamanho que eu defini aqui.. enfim.. eu coloquei um filtro de "masculino e feminino". Por padrão, o flexslider coloca na "<li>" display:block. No JS do filtro, (estou usando o bootstrap-portfilter.js - que tbm funciona igual ao "isotope") se eu filtro por "masculino", ele coloca display:none nas fotos das mulhes, mostrando apenas os homens.., sendo que, ele mostra as fotos dos homens, mas dps mostra o slide em branco.. Como informei lá em cima, 25 fotos, 5 fotos por cada slide, 5 slide. exemplo: se eu aplica o filtro, 10 fotos, 5 fotos por slide, na teoria era pra aparecer 2 slide, mas ainda sim aparece 5. sendo que os ultimos aparecem em branco. Isso ocorre pq o flexslider já calculou a quantidade de slide, mas eu queria saber como posso fazer para meio dar um refresh, ou mostrar apenas os que quero.. Se alguém conseguir ajudar agradeço demais...
  9. Rogerio Pancini

    Ajuda para slider

    Boa tarde pessoal. Para essa missão, estou sem ideias. Para sliders mais elaborados uso o Slider Revolution e mais básicos, o Wow Slider, sempre mesclando com o PHP. Na imagem é possível visualizar o que acontece: Do lado direito tem alguns tópicos. Eu preciso fazer um slider que, ao invés de clicar no bullet mude, que mude ao clicar em algum dos tópicos. Se alguém tiver alguma ideia, eu agradeço. PS: Não levem muito em consideração a arte. eu e o Photoshop não conversamos muito bem...
  10. Pitter Rezende da Silva

    Configuração de Slider Autoplay

    Pessoal estou com umas duvidas. Adicionei ao meu projeto de site um slider com 7 imagens em autoplay e também com botões onde posso ir para uma imagem especifico. No meu PC quando eu clico para ir para o slide desejado por exemplo clico para ir direto para o slide 5 o autoplay para e fica fixado na imagem 5. Quero que mesmo que eu selecione um slide que após o tempo determinado o slide passe para o próximo. Outra duvida é que quando eu clico no slide 5 ou qualquer um outro ele muda o endereço de referencia da página por exemplo: Estou na página inicial que no meu PC o navegador mostra assim "file:///C:/Users/Pitter/Desktop/Nova%20pasta/Site%20GetReady/Index.html" quando eu clico para ir para o slide 5 ou qualquer um outro muda para o slide que cliquei e fica assim ''file:///C:/Users/Pitter/Desktop/Nova%20pasta/Site%20GetReady/Index.html#item-5''... Se eu hospedar meu site hoje ele mudaria também o endereço quando eu clico em um slide ou muda somente por que estou abrindo o arquivo do meu PC. gallery.theme.css gallery.css gallery.prefixed.css Index.html estilo.css
  11. Olá, como faço para deixar este slideshow ir passando automático? http://wmendes.com/ronni/
  12. reynansoares

    Slider em JAVASCRIPT

    Fala Galera, bom dia. To com a seguinte duvida: Eu to fazendo mexendo no site do meu cunhado e ele firmou parceria com um outro site e o cara pediu um banner slider de promoções em javascript para ser inserido do seguinte formado: <script src="o caminho do js q ira fazer o slide"></script> no site do cara. Consegui fazer o slider mas em HTML usando javascript bootstrap e jquery e CSS. o html ficou assim: O que eu preciso é converter isso tudo para que fique em um unico arquivo js no meu servidor para que o cara possa importar. Como eu faço isso? To quebrando a cabeça a dias. Obrigado.
  13. Tiago Battoni

    Slider CSS puro 100% responsivo

    Olá pessoal tudo bem? Estou querendo criar um slider para a home de um site e queria fazer ele somente com css e que seja de fato responsivo. É um slider clássico, foto de fundo, texto sobre a imagem, setas nas extremidades e indicadores de alternância entre slider (bolinhas), ela será width 100% full. Alguém sabe de algum tutorial ou de algum slider pra download? Agradeço a ajuda desde já. Abraços
  14. Asriel

    Não aparece as img do slider usando

    while ($linha = mysqli_fetch_array($result)) { ?> <div class="portfolio-modal modal fade" id="<?php echo $linha['codigo'] ?>" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-content"> <div class="close-modal" data-dismiss="modal"> <div class="lr"> <div class="rl"> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-lg-8 col-lg-offset-2"> <div class="modal-body"> <h2><?php echo "R$ " . $linha['preco'] . ",00" ?></h2> <hr class="star-primary"> <img src="<?php echo $linha['foto_principal'] ?>" class="img-responsive img-centered" alt=""> <p class="alert-success"><?php echo utf8_encode($linha['descricao']) ?></p> <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> <li data-target="#carousel-example-generic" data-slide-to="1"></li> <li data-target="#carousel-example-generic" data-slide-to="2"></li> </ol> <div class="carousel-inner"> <?php $d = 0; $sql2 = " SELECT caminho from album where cod_imovel = '$linha[codigo]' "; $m = mysqli_query($conexao, $sql2); while ($slider = mysqli_fetch_array($m)) { $d++; echo "Passou aki $d <BR>"; ?> <div class="item ative"> <img src="<?php echo $slider['caminho'] ?>" alt="" class="center-block " width="100%"></a> <div class="carousel-caption"> </div> <?php } ?> </div> </div> <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a> <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a> </div> <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Fechar</button> </div> </div> </div> </div> </div> </div> <?php } ?> Pedaço do código que é exibido quando se exibe o conteúdo: Passou aki 15 http://../img/2016/Imagem_22-09-2016_21-46-38.JPG Passou aki 16 http://../img/2016/Imagem_22-09-2016_21-46-43.JPG Passou aki 17 http://../img/2016/Imagem_22-09-2016_21-46-48.JPG Passou aki 18 http://../img/2016/Imagem_22-09-2016_21-46-55.JPG Passou aki 19 http://../img/2016/Imagem_22-09-2016_21-47-00.JPG Passou aki 20 http://../img/2016/Imagem_22-09-2016_21-47-05.JPG Passou aki 21 http://../img/2016/Imagem_22-09-2016_21-47-09.JPG Passou aki 22 http://../img/2016/Imagem_22-09-2016_21-47-14.JPG Passou aki 23 http://../img/2016/Imagem_22-09-2016_21-47-20.JPG Passou aki 24 http://../img/2016/Imagem_22-09-2016_21-47-24.JPG Passou aki 25 http://../img/2016/Imagem_22-09-2016_21-47-28.JPG Passou aki 26 http://../img/2016/Imagem_22-09-2016_21-47-31.JPG Porem o slider em Si não aparece nem uma imagem!!
  15. Ola! Adicionei um tema no wordpress, o mesmo tema na demonstração, tem um slider em 100% responsivo. Porém a dois dias indo dormir âs 6h, kkk, e não consigo editar esse slider. Estou usando para o template do slider o crelly slider, que está configurado para full width. estou anexando imagens. Por último vou o link do template modelo. PELO AMOR DE DEUS, ALGUÉM ME AJUDE!!! Observem a lateral do slider. Abaixo imagem do painel Crelly Slider - Observe o parametro "FULL WIDTH" na opção layout: Abaixo imagem do painel de Opções do tema - Observe o parametro "STRETCHED(esticada)" na opção LAYOUT STYLE: Link do tema: https://preview.artisanthemes.io/nayma/
  16. Olá Estou adaptando uma loja de carros em WP - cujo template foi comprado. Ocorre que na apresentação de slides, logo quando entramos, aparecem as 3 imagens dos carros demos juntas. Ainda não coloquei as imagens do site mesmo, pq estou primeiro aprendendo a lidar com o sistema. Nada sei de Javascript. Nada mesmo. Por isto, peguei o início do comando pelo codigo fonte e estou colocando aqui. A pergunta é: É assim mesmo? Onde diz o máximo de slides é o número 1 mesmo? Agradeço se alguém conseguir me ajudar. O site é: http://goo.gl/fre9iZ <div class="vc_row wpb_row vc_row-fluid"><div class="wpb_column vc_column_container vc_col-sm-8"><div class="vc_column-inner "><div class="wpb_wrapper"><div class="home_slider "> <div class="slider slider_1" data-settings='{ "auto": true, "slideWidth": 940, "pause": 4000, "minSlides": 1, "infiniteLoop" : true, "maxSlides": 1, "slideMargin": 0, "controls" : false}'>
  17. ...tamanho da imagem. O "zoom" da imagem pode ser um Lightbox, imagem em tela cheia, ou qualquer coisa deste gênero.
  18. Eai pessoal, Preciso de ajuda para arrumar um problema no meu site. Coloquei um slider jquery no meu site, que até funciona normalmente, mas sempre que atualizo a pg pelo pc as imagens do slider não aparecem mais, e em alguns celular não aparecem nem quando entro no site sem atualizar. Não tenho a mínima ideia do que está causando esse erro, pois ainda não tenho muita experiencia com jquery, codigos do js, etc.
  19. Bom dia, publiquei a minha duvida no forum do worpress e não tive resposta até o momento, então estou recorrendo a este. Eu tenho dois sites em wordpress o primeiro é um blog, o segundo é um site "institucional" que gostaria de colocar um slider dos posts do meu blog, achei alguns plugins como o Advanced post slider mas ele só faz para posts no mesmo wordpress e não de site diferente. Abaixo é mais ou menos o que estava buscando, mas se tiver outras sugestões por favor coloque vou testar todas. Obrigado.
  20. Rafaeloliveiraz

    Mudar Slider

    Olá pessoal, Estou com uma pequena dúvida aqui de por onde devo começar... Tenho um slider pronto já nesse modelo: Agora preciso apenas mudar o lado onde ficam os botões no caso ficaria assim: Os slides mudam com mouse over. Ou se alguém souber de algum modelo que esteja praticamente igual a esse já me ajuda muito... Obrigado.
  21. demondark

    Que slider é este?

    Bom dia! Bem, minha duvida é qual plugin slider este site está usando: Ali onde está Elas estão esperando você... Site: http://melhorencontro.com/acompanhantes-floripa/ Já testei varios, Slayer, Rev e uns outros 3, mas não achei este script em especial. Agradeço qualquer dica. Att
  22. Gabriel Bielski

    Mover slider na página

    Bom dia, Recentemente aprendi a colocar slider no site, mas estou tendo dificuldade de move-lo na página, por exemplo, eu quero deixa-lo ao lado de uma imagem. E no seu canto superior. Eu li algo sobre coordenadas absolutas. Consegui fazer "alguma coisa" com as imagens, mas não consigo mover uma imagem, sem alterar a localização da outra. Desde já agradeço. Att. Gabriel Bielski.
  23. o auto play do slider nesse site alertweb.com.br/desenvolvimento/realprice não funciona sozinho, somente quando clica uma vez, e ai ele começa a rodar. Poderiam me ajudar?
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.