Jump to content

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


Recommended Posts

  • VIP

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

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

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>
Серьезно так можно? Странно, что мне никто не предложил такой простой способ :)
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>

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

Link to post
Share on other sites
  • VIP

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

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 код в этом случае не будет выполнятся.

Link to post
Share on other sites

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

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

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

Link to post
Share on other sites

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

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

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

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

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

Link to post
Share on other sites

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

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

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

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

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

 

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

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...