JavaScript
- 6 ответов
- 0 вопросов
6
Вклад в тег
$(function() {
$(document).on('click touchstart', '.selector', function(){
console.log($(this));
});
});
$('.images').slick({ // это изначально slick слайдер для основного блока изображений
slidesToShow: 1, // по одному слайдеру
slidesToScroll: 1, // по одному менять
arrows:true, // включение стрелок (если не нужны false)
asNavFor: '.imagesnew_dotted' // указываем что навигация для слайдера будет отдельно (указываем класс куда вешаем навигацию)
});
$('.imagesnew_dotted').slick({ // настройка навигации
slidesToShow: 3, // указываем что нужно показывать 3 навигационных изображения
asNavFor: '.images', // указываем что это навигация для блока выше
focusOnSelect: true // указываем что бы слайделось по клику
});
<!-- Собственно блок где будут основные изображения -->
<div class="images">
<div><img src="image/data/big_img_1.jpg" alt=""></div>
<div><img src="image/data/big_img_2.jpg" alt=""></div>
<div><img src="image/data/big_img_3.jpg" alt=""></div>
</div>
<!-- Навигация для вышеупомянутого слайдера -->
<div class="imagesnew_dotted" style="transform: none !important;"> // обязательно в css запретите трансформацию, а то будут иконки ездить в зависимости от номера слайда
<img class="active" src="image/data/icon_img_1.jpg">
<img src="image/data/icon_img_2jpg">
<img src="image/data/icon_img_3.jpg">
</div>
<?php
/**
* Created by PhpStorm.
* User: Jakim
* Date: 08.11.2017
* Time: 3:37
*/
$EOL = "\r\n"; // ограничитель строк, некоторые почтовые сервера требуют \n - подобрать опытным путём
$boundary = "--".md5(uniqid(time())); // любая строка, которой не будет ниже в потоке данных.
$subject_text = 'Тест от меня';
$subject= '=?utf-8?B?' . base64_encode($subject_text) . '?=';
$message = 'текст сообщения';
$headers = "MIME-Version: 1.0;" . $EOL . "";
$headers .= "Content-Type: multipart/mixed; boundary=\"" . $boundary . "\"" . $EOL . "";
$headers .= "From: jakimoff1990@gmail.com\nReply-To: jakimoff1990@gmail.com\n";
$multipart = "--" . $boundary . $EOL;
$multipart .= "Content-Type: text/html; charset=utf-8" . $EOL . "";
$multipart .= "Content-Transfer-Encoding: base64" . $EOL . "";
$multipart .= $EOL; // раздел между заголовками и телом html-части
$multipart .= chunk_split(base64_encode($message));
#начало вставки файлов
foreach($_FILES["file"]["name"] as $key => $value){
$filename = $_FILES["file"]["tmp_name"][$key];
$file = fopen($filename, "rb");
$data = fread($file, filesize( $filename ) );
fclose($file);
$NameFile = $_FILES["file"]["name"][$key]; // в этой переменной надо сформировать имя файла (без всякого пути);
$File = $data;
$multipart .= "" . $EOL . "--" . $boundary . $EOL . "";
$multipart .= "Content-Type: application/octet-stream; name=\"" . $NameFile . "\"" . $EOL . "";
$multipart .= "Content-Transfer-Encoding: base64" . $EOL . "";
$multipart .= "Content-Disposition: attachment; filename=\"" . $NameFile . "\"" . $EOL . "";
$multipart .= $EOL; // раздел между заголовками и телом прикрепленного файла
$multipart .= chunk_split(base64_encode($File));
}
#>>конец вставки файлов
$multipart .= "" . $EOL . "--" . $boundary . "--" . $EOL . "";
if(!mail('jakimoff1990@gmail.com', $subject, $multipart, $headers)){
echo 'Письмо не отправлено';
} //Отправляем письмо
else{
echo 'Письмо отправлено';
}
.slick({
slidesToShow: 1, // толкьо 1 слайд показывать одновременно
slidesToScroll: 1, // по 1-му слайду проскролливать
speed: 8000, // медленная смена слайдов - скорость бегущей строки
autoplay: true, // устанавливаем автозапуск слайдера
autoplaySpeed: 0, //делаем запуск мгновенный с загрузкой страницы
cssEase: 'linear', // делаем анимацию однотонной при смене слайда
});