Search jQuery

jQuery Forum

Screen name:
mari.jquery

mari.jquery's Profile

9 Posts

4 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

jquery Cycle plugin
[0Replies]
- 28-Jan-2013 04:28 PM
- Forum: Using jQuery Plugins
Is it possible to set width of the first slide to smaller width than other slides?

Thanks in advance for any advice.

jquery Cycle plugin
[0Replies]
- 28-Jan-2013 04:28 PM
- Forum: Using jQuery Plugins
Is it possible to set width of the first slide to smaller width than other slides?

Thanks in advance for any advice.

jquery Cycle plugin
[0Replies]
- 28-Jan-2013 04:28 PM
- Forum: Using jQuery Plugins
Is it possible to set width of the first slide to smaller width than other slides?

Thanks in advance for any advice.

jquery Cycle plugin
[0Replies]
- 28-Jan-2013 04:27 PM
- Forum: Using jQuery Plugins
Is it possible to set width of the first slide to smaller width than other slides?

Thanks in advance for any advice.

Links are broken
[0Replies]
- 15-Jan-2013 04:20 PM
- Forum: Using jQuery UI
Hi, I have an emergency.
I was using following links form jQuery UI site:

<script type="text/javascript" src="http://ui.jquery.com/latest/ui/jquery.effects.core.js"></script>
<script type="text/javascript" src="http://ui.jquery.com/latest/ui/jquery.effects.slide.js"></script>

They stop working yesterday. Do you have another links to use for those files. separte download of those scripts do not work.

Thanks

Ho/w to hide left nav. arrow from default slide
[5Replies]
- 03-Jul-2012 03:36 PM
- Forum: Using jQuery
Hi everyone. I need help .. I'm trying to hide left nav. arrow every time user gets on (#slide1). This works only 1 time in the beginning, but when user keeps sliding through and gets to default slide again, left arrow is shown.. Thanks in advance.

var curSlide = 0;

function setSlide(num,dir){
var oldSlide = curSlide;
if(num>5) num = 1;
else if(num<1) num = 5;
var showDir = "";
var hideDir = "";
if(dir=="f"){
showDir = "right";
hideDir = "left";
} else {
showDir = "left";
hideDir = "right";
}
if(curSlide == 0){
$("#slide1").show();
$('#left_arrow').hide();
curSlide = 1;

} else {
curSlide = num;

$("#slide"+curSlide).show('slide',{direction:showDir},600);
$("#slide"+oldSlide).hide('slide',{direction:hideDir},600);
$('#left_arrow').show();
}
}

function nextSlide(){
setSlide(curSlide*1+1,"f");

}
function prevSlide(){
setSlide(curSlide*1-1,"b");

}

$(document).ready(function () {
if($('#staff_picks')) {
$('#staff_picks area').each(function() {
$(this).click(function(e) {
e.preventDefault();
setSlide($(this).attr('id'),"f");
});
$(this).mouseover(function(e) {
$(this).css("cursor", "pointer");
});
$(this).mouseout(function(e) {
$(this).css("cursor", "default");
});

});
}
$("#left_arrow").click(function(e) {
e.preventDefault();
prevSlide();
});
$("#right_arrow").click(function(e) {
e.preventDefault();
nextSlide();
});
$("#left_arrow").mouseover(function(e) {
$("#left_arrow").css("cursor", "pointer");
});
$("#left_arrow").mouseout(function(e) {
$("#left_arrow").css("cursor", "default");
});
$("#right_arrow").mouseover(function(e) {
$("#right_arrow").css("cursor", "pointer");
});
$("#right_arrow").mouseout(function(e) {
$("#right_arrow").css("cursor", "default");
});
//$("#bottom_line_1").mouseover(function(e) {
//$("#bottom_line_1").css("cursor", "pointer");
//});
//$("#bottom_line_1").mouseout(function(e) {
//$("#bottom_line_1").css("cursor", "default");
//});
//$("#bottom_line_2").mouseover(function(e) {
//$("#bottom_line_2").css("cursor", "pointer");
//});
//("#bottom_line_2").mouseout(function(e) {
//$("#bottom_line_2").css("cursor", "default");
//});
for(var i=1;i<6;i++){
$("#slide"+i).hide();
}
setSlide(0,"f");
});

Need urgent help with jquery moving-boxes plugin.
[0Replies]
- 14-Apr-2012 07:20 PM
- Forum: Using jQuery Plugins
Can someone please look at this in Firefox and try to click left or right buttons:
http://jsfiddle.net/marb315/7JFLf/
This fading issue I have only in Firefox.
Any idea on how to make it work?
Thank you all in advance.

How to delay firstSlide in jQuery Cycle
[5Replies]
- 07-Feb-2012 04:04 PM
- Forum: Using jQuery Plugins
Hi everyone.
Below is my code. I tied different ways to setup delay for first slide, but nothing seems work. I need help, please ...

(function($){

$slideshow = {
context: true,
tabs: false,
timeout:2000, // time before next slide appears (in ms)
slideSpeed: 1000, // time it takes to slide in each slide (in ms)

tabSpeed: 1000, // time it takes to slide in each slide (in ms) when clicking through tabs

fx: 'scrollLeft',
init: function() {
// set the context to help speed up selectors/improve performance
this.context = $('#slideshow');

// set tabs to current hard coded navigation items
this.tabs = $('ul.slides-nav li', this.context);

// remove hard coded navigation items from DOM
// because they aren't hooked up to jQuery cycle
this.tabs.remove();

// prepare slideshow and jQuery cycle tabs
this.prepareSlideshow();
},

prepareSlideshow: function() {
// initialise the jquery cycle plugin
$('div.slides > ul', $slideshow.context).cycle({

fx: $slideshow.fx,
timeout: $slideshow.timeout,
speed: $slideshow.slideSpeed,
fastOnEvent: $slideshow.tabSpeed,
pager: $('ul.slides-nav', $slideshow.context),
pagerAnchorBuilder: $slideshow.prepareTabs,
before: $slideshow.activateTab,
pagerEvent: 'mouseover',
pause: true,

});
},

prepareTabs: function(i, slide) {
// return markup from hardcoded tabs for use as jQuery cycle tabs
// (attaches necessary jQuery cycle events to tabs)
return $slideshow.tabs.eq(i);
},

activateTab: function(currentSlide, nextSlide) {
// get the active tab
var activeTab = $('a[href="#' + nextSlide.id + '"]', $slideshow.context);

// if there is an active tab
if(activeTab.length) {
// remove active styling from all other tabs
$slideshow.tabs.removeClass('on');

// add active styling to active button
activeTab.parent().addClass('on');

}
}
};

$(function() {
// initialise the slideshow when the DOM is ready
$slideshow.init();
});

})(jQuery, window);

append error msg to label
[0Replies]
- 23-Oct-2009 05:23 AM
- Forum: Using jQuery
Hi, i'm very new to JQuery.I really need help:
I have a form.I need to display an asterick next to the label if field is not validated and remove it if input it valid.
It's appending , but as many as wrong characters are typed in and removing all asterics at once from all invalid fields

This is what I'm doing now:

function validateHighlightError(element) {
$(element).addClass('failed-validation');
$(element).prevAll("label").css('color','#FF0000').append('<span class="msg">*</span>');

}

function validateUnhighlightError(element) {

$(element).removeClass('failed-validation').prevAll("label").css('color','#000000');
$(element).prevAll("label").css('color','#000000');
$('.msg').remove();
}

function validateErrorPlacement(element) {
$(element).click(function(){ $(element).attr({ value: '' }) });

}

What is the right way?

Thanks a lot for any advice.

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend