07:56
Apple, уже давно использует выигрышную стратегию в области маркетинга, создание хорошо разработанного продукта, куча фанатов, создание шумихи перед каждым выпуском продукта.
Это относится и к последней версии ихнего iPhone. То , что я нашел - интересно и перспективно, они придумали - "Retina Display" и промо-изображение к нему.
Что заставило меня задаться вопросом, является ли возможным, превратить это статическое изображение в полностью функциональный "Retina эффект" только с помощью jQuery и CSS. И это именно то, что я представляю вам сегодня
Смотрим ДЕМО
Установка:
Вставляем между head и /head:
Code
<link rel="stylesheet" type="text/css" href="styles.css" />
Это вставляем перед закрывающимся тегом /body:
Code
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>
А это вставляем туда , где хотим видеть наш iPhone:
Code
<div id="main">
<div id="iphone">
<div id="webpage">
<img src="img/webpage.png" width="499" height="283" alt="Web Page" />
<div id="retina"></div>
</div>
</div>
</div>
Из прикрепленного архива заливаем файлы в соответствующие папки.
