hola buenas mi problemas es que cuando pongo unos codigos en php para unas imagenes se distorsionan las imagenes se van para un costado y se ven mal he visto en otra pc y como veran se ven de distinta manera en diferente pc y tambien en distinto servidor como mozilla y google tambien afecta a que sea de diferente manera dejare una foto mi pregunta es ¿se podra arreglar la distorsion de aluna manera para que se vean igual en todas las pc y servidores como google chrome y mozilla? dejare aparte los codigos en php que escogui para el slider q se distorsiona
otra duda es si saben como poder centrar la imaguenes ya que salen hacia la izquiera cuando presiono control mas el simbolo -
gracias por las respuestas.
(https://s19.postimg.org/4mel3bjwj/pro.jpg)
$images = array(
'image1_url',
'image2_url',
'image3_url',
'image4_url',
);
$links = array(
'image1_link',
'image2_link',
'image3_link',
'image4_link',
);
$delay = 1;
$num_images = count($images);
echo '
<a id="slideshowa" href=""><img id="slideshowimg" src="" alt="" /></a>
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
var images = [';
for ($i = 0; $i < $num_images; $i++)
echo '["', $images[$i], '"]', ($i == $num_images - 1) ? '' : ',';
echo '];
var links = [';
for ($i = 0; $i < $num_images; $i++)
echo '["', $links[$i], '"]', ($i == $num_images - 1) ? '' : ',';
echo '];
var current_image = 0;
var num_images = ', $num_images, ';
var timer;
function changeImage()
{
if (current_image == num_images)
current_image = 0;
document.getElementById("slideshowimg").src = images[current_image];
document.getElementById("slideshowa").href = links[current_image];
current_image = current_image + 1;
var timer = setTimeout("changeImage();", ', $delay * 1000, ');
}
changeImage();
// ]]></script>';
la url de tu sitio? lo tienes? para echarle un vistaso.. me parece es solo un overflow
disculpa a qui esta la aunque se nota mas al minimizarlo su distorsion url http://prueba56.890m.com/
creo q otra opcion seria poder centrar las imaguenes claro antes poner imagenes mas pequeñas en la parte de la anchura
coloca esto al final de tu index.css de tu tema
#up_bk_10 img {
max-width: 100%;
}
lo que estamos haciendo es que toda las imagenes dentro del div up_bk_10 no sobrepasen el tamaño del div, y las imagenes se ajusten a ello
o también podrías colocar esto, para que todas las imágenes de tu sitio no se desborden en relación a su contenedor
img{
max-width: 100%;
}
hola muchas gracias Dhayzon me sirvio de mucho :laugh: pero al miniizarlos se van hacia la izquiera sabes la forma de poder centrar el codigo php que adjunte , porque seria bueno llevo 3 meses buscando la manera de centrarlos pero hasta ahora nada
tu codigo esta bien, tal ves tengas que hacer un
text-align: center;
usa eso debajo de max-width: 100%; para que todos los elementos dentro del div queden centrados. ..si a eso te refieres. no me volvió a cargar tu web xD
pues es raro pero no se edita la parte del centrado , yo lo veo bien y px no cambia si das "control" mas - puedes fijarte q no se centra ha y como podria hacer para un contador de visitas en este caso seria el numero 16 pero no creo que sea ponga img me parece igual le puse y no se edito
#up_bk_16 img { como es un contador q deberia de poner en ves de img para que afecte
max-width: 100%;
}
y pues si como es de prueba como q se va aveces XD perdon por eso
tienes que colocar essto para centrar las imágenes radomm que muestras
#up_bk_10 {
text-align: center;
}
en cuanto a tu contador
la unica mane
para el contador
#up_bk_16 {
text-align: center;
}
#up_bk_16 object {
max-width: 100%;
}
Hola Dhayzon todo salio perfecto eres grande, mas me podrias ayudar en una ultima peticion se trata de como darle este diseño mas o menos a los slider en php que adjunte gracias. :)
(https://s19.postimg.org/7osc9zfyb/onegau.jpg)