Jump to content
  • 0

слайдер и форма связи.


explo1d
 Share

Question

Здравствуйте. У меня возникли 2 проблемы. Возможно Вы мне здесь поможете, буду очень благодарен. И так:

1. Форма связи. Настроить js для отправки и посмотреть правильно ли написан скрипт отправки. Нужно подключить форму обратной связи к html. Короче чтобы работало и отправляло.

Вот хтмл-код формы:

< div class=" col col-1–2 text">

<!-- contact form -->

< div class=" rf contact-form">

<!-- form item -->

< div class=" rf-item input">

< input type=" text“ onblur=" if (this.value == '') {this.value = ' Имя:'}" onfocus=" if (this.value == ' Имя:') {this.value = ''}" name=" data[name]" value=" Имя:“ class=" req valid_length“ />

</div>

<!-- /form item -->

<!-- form item -->

< div class=" rf-item input">

< input type=" text“ onblur=" if (this.value == '') {this.value = ' E-mail:'}" onfocus=" if (this.value == ' E-mail:') {this.value = ''}" name=" data" value=" E-mail:“ class=" req valid_email“ />

</div>

<!-- /form item -->

<!-- form item -->

< div class=" rf-item input">

< input type=" text“ onblur=" if (this.value == '') {this.value = ' Тема:'}" onfocus=" if (this.value == ' Тема:') {this.value = ''}" name=" data[phone]" value=" Тема:» class=" req valid_length“ />

</div>

<!-- /form item -->

<!-- form item -->

< div class=" rf-item input">

< textarea cols="5“ rows="10“ name=" data[message]" onblur=" if (this.value == '') {this.value = ' Сообщение:'}" onfocus=" if (this.value == ' Сообщение:') {this.value = ''}" class=" req valid_length"> Сообщение:</textarea>

</div>

<!-- /form item -->

<!-- form item -->

< div class=" rf-item input“ style=" width:120px">

< input type=" text“ onblur=" if (this.value == '') {this.value = '2+5='}" onfocus=" if (this.value == '2+5=') {this.value = ''}" name=" asq“ value="2+5=" class=" req valid_asq valid_length“ />

</div>

<!-- /form item -->

<!-- form item (submit)-->

< div class=" rf-submit">

< input type=" submit» value=" Отправить“ class=" submit rf-send» />

< span class=" rf-loader"></span> < span class=" rf-message"></span> </div>

<!-- /form item (submit) -->

</div>

<!-- /contact form -->

</div>

А вот сам скрипт :

2. Проблема вторая. Есть слайдера сделанные на jQuery, поставленные на html страничках, но перелистываются они руками. Нужно сделать что бы работало автоматом, тобишь сделать автопрокрутку через Н-ное количество сек.

Link to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 0

2. Проблема вторая. Есть слайдера сделанные на jQuery, поставленные на html страничках, но перелистываются они руками. Нужно сделать что бы работало автоматом, тобишь сделать автопрокрутку через Н-ное количество сек.

Я это реализовал буквально сегодня ночью при помощи SlidesJS.

Link to comment
Share on other sites

  • 0

2. Проблема вторая. Есть слайдера сделанные на jQuery, поставленные на html страничках, но перелистываются они руками. Нужно сделать что бы работало автоматом, тобишь сделать автопрокрутку через Н-ное количество сек.

Я это реализовал буквально сегодня ночью при помощи SlidesJS.

Ну я так понял, Вы делали с самого нуля? Вот смотрите мой код, помогите его переделать пожалуйста, что бы была автоматическая перемотка слайдов, выше описал, вот бросаю. Заранее Вам благодарен!

/* Sliders
————————————————————————*/

/* Homepage slider */
jQuery('#homepage-slider').RSlider({
delay : 0,
duration : 1000,
height : 480,
width : 960,
slices : 6,
easing : 'easeOutExpo',
effect : 'vertical_slice'
});

/* Showcase slider */
jQuery('#showcase-slider').RSlider({
delay : 5000,
duration : 1000,
height : 480,
width : 960,
slices : 6,
easing : 'easeOutExpo',
effect : 'fade',
pause_on_hover : true
});
/* Medium slider */
jQuery('.medium-slider').RSlider({
delay : 5000,
duration : 1000,
height : 300,
width : 960,
slices : 6,
easing : 'easeOutExpo',
effect : 'fade',
pause_on_hover : true
});


/* Display sliders navigation */
jQuery('.navigation .rs-nav').css({opacity : 0, display : 'block'});
jQuery('.navigation').hover(function(){
jQuery('.rs-nav',this).stop().animate({ opacity : 1 }, { queue: false, duration: 450});
jQuery('.rs-next',this).stop().animate({ right : '10px'}, { queue: false, duration: 450, easing: 'easeOutQuint' });
jQuery('.rs-prev',this).stop().animate({ left : '10px'}, { queue: false, duration: 450, easing: 'easeOutQuint' })
}, function(){
jQuery('.rs-nav',this).stop().animate({ opacity : 0 }, { queue: false, duration: 450});
jQuery('.rs-next',this).stop().animate({ right : '-68px'}, { queue: false, duration: 450, easing: 'easeOutQuint' });
jQuery('.rs-prev',this).stop().animate({ left : '-68px'}, { queue: false, duration: 450, easing: 'easeOutQuint' })
})

Link to comment
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.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   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.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy