applepeace

Миниатюры для разных устройств

35 posts in this topic

, спасибо за разъяснение, я думал, что это одно и тоже, так как таких шаблонов, о которых Вы говорите, не встречал. 

Просто посмотрите на то что уже выброшено в буржунете в паблике - preshare4u.com.

applepeace likes this

Share this post


Link to post
Share on other sites

@applepeace,  

<?php
<script language="JavaScript">
if (screen.width <= '1024') {
   document.write ('Картинка'); 
}
</script>
?>
Делайте по данному принципу и всё

<script language="JavaScript">
if (screen.width <= '768') {
   document.write (<?php wp_thumbnail('smal'); ?>)
}
</script>
Серьезно так можно? Странно, что мне никто не предложил такой простой способ :)

Share this post


Link to post
Share on other sites

@applepeace, я сразу так хотел вам предложить, но отвлёкся и забыл

 

Большое спасибо. Самый простой способ без заморочек. Завтра попробую, отпишусь :)

Share this post


Link to post
Share on other sites

@applepeace, я сразу так хотел вам предложить, но отвлёкся и забыл 

<script language="javascript">
if (window.screen.width <= 768) {
   document.write ('<?php the_post_thumbnail('small'); ?>');
   } else {
	   if (window.screen.width > 768) && (window.screen.width <=1024) { document.write ('<?php the_           post_thumbnail('medium') ?>');} 
		else {document.write ('<?php the_post_thumbnail('post-thumbnail'); ?>');} }
				</script>

Попробовал. Не работает :(

Share this post


Link to post
Share on other sites

@applepeace, если бы даже заработало, то вместо 1 картинки, вы бы грузили все, так как сначала обрабатывается php код, а затем всё остальное. То есть загрузились все картинки, а затем JS определил, какую отобразить в видимой части экрана. 

Share this post


Link to post
Share on other sites
<script language="javascript">
if (window.screen.width <= 768) {
   document.write ('<?php the_post_thumbnail('small'); ?>');
   } else {
	   if (window.screen.width > 768) && (window.screen.width <=1024) { document.write ('<?php the_           post_thumbnail('medium') ?>');} 
		else {document.write ('<?php the_post_thumbnail('post-thumbnail'); ?>');} }
				</script>

Попробовал. Не работает :(

 

 

Мне вот интересно, а как это должно заработать? Сервер ведь уже сформировал страницу, а обработка js идет уже браузером. Т.е. php код в этом случае не будет выполнятся.

Share this post


Link to post
Share on other sites

Теоретически можно как то так сделать:
1. Юзверь заходит на сайт, идет отложенная загрузка страницы (в это время видим какой-то лоадер).
2. Через js определяем резолюшн устройства пользователя и передаем аджаксом на сервер (юзер все это время видит лоадер).
3. Обрабатываем полученные данные на ПХП на сервере и загружаем нужную картинку...(лоадер исчезает и появляется сайт)

Загрузка думаю будет не долгой, но стоит ли делать такие карусели - ХЗ.

Другого способа пока не вижу... 

Share this post


Link to post
Share on other sites

Можно сделать так:

1) Достать прямые ссылки на изображения

2) С помощью php вывести их на страницу в виде переменных

3) Далее JQ сравнивает разрешение экрана и подставляет ссылку из переменной в <img> блок с уникальным id или class

Думаю это сделать легче

lubart likes this

Share this post


Link to post
Share on other sites

Можно сделать так:

1) Достать прямые ссылки на изображения

2) С помощью php вывести их на страницу в виде переменных

3) Далее JQ сравнивает разрешение экрана и подставляет ссылку из переменной в <img> блок с уникальным id или class

Думаю это сделать легче

 

Да, хорошее решение... и проще, я что-то до этого не додумался :(

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.