1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. Решение проблем

[РЕШЕНО] Как сделать такое слайд-шоу?

Главные вкладки

Аватар пользователя fedor_cool fedor_cool 20 декабря 2012 в 23:13

Как сделать подобный баннер? (изображение приложено)

3 слайда-ссылки. Как сделать подобные превью и их движение по кругу?

Решение: в итоге использовал рукописный слайдер

ВложениеРазмер
Иконка изображения novyy_risunok.jpg142.11 КБ

Комментарии

Аватар пользователя HydroBlast HydroBlast 21 декабря 2012 в 3:55

Наложите сверху изображение с прозрачным кругом и заключите все в <a> .

"fedor_cool" wrote:
3 слайда-ссылки. Как сделать подобные превью и их движение по кругу?

По какому еще кругу ?

Аватар пользователя AlexeyBorisenko AlexeyBorisenko 21 декабря 2012 в 5:40

CSS3 + ajax... у нас много ресурсов где уже есть готовые решения таких слайдеров... надо найт их, переписать и встроить в CMS (на случай если охота менять слайды через CMS)

Аватар пользователя Antoniy Antoniy 22 декабря 2012 в 16:40

Круги через CSS (пример):

.circles {
 float: left;
 height: 200px; width: 200px;
 background-color: #eee;
 margin: 0 50px 50px 0;
 
 /*Создаем круг*/
 -webkit-border-radius: 100px;
 -moz-border-radius: 100px;
 border-radius: 100px;
}

Создаем привлекательные hover-эффекты используя фоновые изображения

Аватар пользователя fedor_cool fedor_cool 22 декабря 2012 в 18:01

"<a href="mailto:sas@drupal.org">sas@drupal.org</a>" wrote:

"HydroBlast" wrote:

Взял это за основу пока что.
В ходе работы нашлись ошибки (не хотел выводить изображения во views).

Нашел патч.

<?phpdiff --git a/theme/theme.inc b/theme/theme.inc
index ba2fd99..138f74b 100644
--- a/theme/theme.inc
+++ b/theme/theme.inc
@@ -50,27 +50,28 @@ function theme_views_view_imageflow($vars) {
   $img_field_name = $vars['img_field_name'];
   $link_field_name = $vars['link_field_name'];
   foreach ($vars['rows'] as $row) {
-    $lang = $row->_field_data[$view->base_field]['entity']->language;
-    if (!isset($row->_field_data[$view->base_field]['entity']->{$img_field_name})) {
+    if (!isset($row->_field_data[$view->base_field]['entity']->{$img_field_name}) || !$row->_field_data[$view->base_field]['entity']->{$img_field_name}) {
       continue;
     }
-    $item = $row->_field_data[$view->base_field]['entity']->{$img_field_name}[$lang][0];
+    $field = current($row->_field_data[$view->base_field]['entity']->{$img_field_name});
+    $item = $field[0];
     if (isset($row->_field_data[$view->base_field]['entity']->{$link_field_name})) {
-      $item['attributes']['longdesc'] = $row->_field_data[$view->base_field]['entity']->{$link_field_name}[$lang][0]['url'];
+      $field = reset($row->_field_data[$view->base_field]['entity']->{$link_field_name});
+      $item['attributes']['longdesc'] = $field[0]['url'];
     }
     $items[] = $item;
   }
 
   return theme('imageflow_container', array(
-    'items' => $items,
-    'settings' => $vars['options'],
-  ));
+      'items' => $items,
+      'settings' => $vars['options'],
+    ));
 }
 
 function theme_imageflow_image_formatter($variables) {
   $item = $variables['item'];
   $image = array(
-    'path' => $item['uri'], 
+    'path' => $item['uri'],
     'alt' => $item['alt'],
   );
 
@@ -105,7 +106,7 @@ function theme_imageflow_image_formatter($variables) {
 function theme_imageflow_image_style($variables) {
   // Determine the dimensions of the styled image.
   $dimensions = array(
-    'width' => $variables['width'], 
+    'width' => $variables['width'],
     'height' => $variables['height'],
   );
 
?>