Friday, March 29, 2013

Зареждане на различни по размер банери в сайт с адаптивен (отзивчив/responsive) дизайн

Още един начин да зареждате различен по размер банери на сайта ви в зависимост от резолюцията на посетителя. Проблемът ми беше, че когато отворя сайта от мобилен телефон, всичко е ок с изключение на банера 468x60, който се виждаше на около 60%. Част от банера не се визуализираше поради малката резолюция на телефона 320x480 (468>320 :) ). Така се наложи да потърся опция сайта да зарежда различни по размер банери според резолюцията на устройството което използва потребителя. PHP скрипта ползва javascript за определяне резолюцията на потребителя, и в зависимост от нея определяте кой от трите размера банери да се зареди. 234x60 ,468x60 и 728x90 , но вие можете да ги смените естествено. Аз използвам скрипта за зареждане на iframe банери от сайта insert.bg , който съм показал в примера по долу.



Отдолу още един вариант с 4 размера реклами:

No comments:

Post a Comment