Substituir a imagem em algumas páginas por PHP ou CSS?

Um usuário perguntou ?

Cada cliente tem a mesma foto de fundo no site do meu cliente. Você quer algumas páginas para mostrar fotos alternativas. Estes são exibidos através de slides personalizados em vez de marcação tradicional. Tentei CSS e PHP, cada um com o ID da página. Você está sem sorte. Com CSS e trabalho importante!, a imagem de substituição correta seria exibida no painel certo das ferramentas de desenvolvedor cromado, mas por algum motivo não seria exibida na página. A atualização completa não funcionou. Algum conselho?

<div id="herowrap">
<div id="hero" class="cycle-slideshow hidden-phone" data-cycle-log="false" data-cycle-fx="fade" data-cycle-speed="800" data-cycle-timeout="8000" data-cycle-pause-on-hover="false" data-cycle-pager="#heronav" data-cycle-next="#next" data-cycle-prev="#prev" data-cycle-slides="> div" data-cycle-pager-template="<a
href=#> {{slideNum}} </a>" style="position: relative;">
	<div class="slide cycle-slide cycle-sentinel" style="position: static; top: 0px; left: 0px; z-index: 99; opacity: 1; display: block; visibility: hidden;">
	<img src="https://client-name.com/wp-content/uploads/2016/08/image_to_replace.jpg" class="img-responsive" style="visibility: hidden;"></div><div class="slide cycle-slide cycle-slide-active" style="position: absolute; top: 0px; left: 0px; z-index: 99; opacity: 1; display: block; visibility: visible;">
	<img src="https://client-name.com/wp-content/uploads/2016/08/image_to_replace.jpg" class="img-responsive">
</div>
</div>
</div>

(@rossmitchell)

2 anos, 9 meses atrás

Isso nos ajudaria a postar um link para o seu site. E indique quais páginas obter que fundo.

(@lukefive)

2 anos, 8 meses atrás

Obrigado @rossmitchell por responder. O link abaixo é um exemplo comercial a parte onde a imagem da casa deve ser trocada. Como mencionado, os métodos usuais não parecem funcionar para mim.

página que requer compartilhamento de fotos

(@lukefive)

2 anos, 8 meses atrás

Aqui está a imagem que queria substituir a foto da casa naquela seção…

https://holdersecurity.com/wp-content/uploads/2018/03/holders-slider-template-2.jpg

(@rossmitchell)

2 anos, 8 meses atrás

Você pode executar um filtro que identifica quando o “corpo” é para a classe “page-id-37” e, neste caso, substituir o texto pelo nome da imagem. Mas eu não gosto nada dessa técnica.

Uma maneira melhor é se livrar do controle deslizante e, em vez disso, definir imagens de fundo na div com um ID “herowrap”, então em seu CSS personalizado> extra, você teria para suas páginas normais e um seletor correndo fora da classe corporal para especialistas:

#herowrap {
background-image: url("https://holdersecurity.com/wp-content/uploads/2016/08/holders-slider-template-1.png");
}
.page-id-37 #herowrap {
background-image: url("https://holdersecurity.com/wp-content/uploads/2018/03/holders-slider-template-2.jpg");
}

O grande bloco html em seu post original seria:

<div id="herowrap">
</div>

(@lukefive)

2 anos, 8 meses atrás

@rossmitchell Muito mais do que uma solução de nível raiz. Vou ajustá-lo, e depois voltar aqui.

(@lukefive)

2 anos, 7 meses atrás

@rossmitchell eu finalmente tive a oportunidade de implementar isso. Parece ótimo; Obrigado.

Resolveu seu problema?

0/0

Isto foi útil?

0 / 0

Deixe uma resposta 0

O seu endereço de email não será publicado. Campos obrigatórios são marcados *