Search jQuery

jQuery Forum

Screen name:
charles.coiffier

charles.coiffier's Profile

2 Posts

2 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

problem with a caption script
[3Replies]
- 19-Jun-2014 05:10 PM
- Forum: Using jQuery
Hello,

I'm a new JQuery user and I've got a problem with a little caption script I use for the web site of my parents in-law : djpgirardin.com

At the third image of the carroussel, the css bottom property isn't high enough but is the same of all the other ones. I don't understand why my script don't process each div...

my script :
1. $(document).ready(function() {
2. $(".information").each(function(){
3. $(this).css("bottom", $(this).innerHeight() + "px");
4. });
5. $("#cycle").hover(function(){
6. $(this).find(".information").toggleClass("visible");
7. });
8. });
and the html for example :
1. <li>
2. <img src="img/vernis_tampon_03.jpg" alt="vernis_tampon_03" />
3. <div class="information">
4. <h2>vernis au tampon</h2>
5. <p>ces deux commodes Louis XVI ont été vernies au tampon avec la technique du XVIIIe</p>
6. </div>
7. </li>
Thank you in advance for your answers and excuse me for my poor english

problem of multi instances with my plugin
[0Replies]
- 04-Mar-2010 12:34 AM
- Forum: Getting Started
Hello !

First of all excuse me for my poor english...
I've got a problem with my plugin. It's a slider plugin and when I define multi instances in my page, the controls don't work...
1. (function($) {
  
      //
      // plugin definition
      //
      $.fn.blopSlider = function(options) {
  
          // build main options before element iteration
          var settings = $.extend({}, $.fn.blopSlider.defaults, options);
  
          // iterate and reformat each matched element
          return this.each(function() {
  
              var slider = $(this);
              var items = slider.find('li');
              var itemsLength = items.size();
              var className = slider.attr('class');
              var single = items.find('img:first');
              var singleHeight = single.height();
              var singleWidth = single.width();
              if (settings.displayed > itemsLength) {
              settings.displayed = itemsLength;
              }
              if (settings.scrolled > settings.displayed) {
                  settings.scrolled = settings.displayed;
              }
              switch (settings.direction) {
                  case 'horizontal':
                      var sliderHeight = singleHeight;
                      var sliderWidth = singleWidth * itemsLength;
                      if(settings.loop) {
                          var sliderWidth = sliderWidth + 2 * settings.scrolled * singleWidth;
                      }
                      var wrapperHeight = singleHeight;
                      var wrapperWidth = singleWidth * settings.displayed;
                  break;
                  case 'vertical':
                      var sliderHeight = singleHeight * itemsLength;
                      if(settings.loop) {
                          var sliderHeight = sliderHeight + 2 * settings.scrolled * singleHeight;
                      }
                      var sliderWidth = singleWidth;
                      var wrapperHeight = singleHeight * settings.displayed;
                      var wrapperWidth = singleWidth;
                  break;
              }
              var pages = Math.ceil(itemsLength / settings.scrolled);
              var currentPage = 1;
              var cloneSup = itemsLength - settings.scrolled -1;
              var cloneInf = settings.scrolled;
  
              initialize();
  
              function initialize() { //... code ... };
2. function setWrapper() { //... code ... };
3. function setContainer() { //... code ... };
4. function clone() { //... code ... };
5. function navigation() { //... code ... };
6. function pagination() { //... code ... };
7. function moveTo(page) { //... code ... };
9.             function clickEvent() {
                 container.find('.'+className+'_next').click(function() {
                     moveTo(currentPage + 1);
                 });
                 container.find('.'+className+'_previous').click(function() {
                     moveTo(currentPage - 1);
                 });
10.         });
      };
  
      //
      // private function for debugging
      //
      function debug($obj) {
          if (window.console && window.console.log)
          window.console.log($obj);
      };
  
      //
      // plugin defaults
      //
      $.fn.blopSlider.defaults = {
          transitionType: 'slide',
          transitionSpeed: 500,
          direction: 'horizontal',
          loop: true,
          displayed: 3,
          scolled: 3,
          legend: true,
          pagination: true,
          navigation: true,
          keyNavigation: true,
          nextKey: 39,
          previousKey: 37
      };
  //
  // end of closure
  //
  })(jQuery);
I don't understand what it's append. If someone understand...

Thanks.

Charles (begginer).

«Prev
Next »

Response title

Attachments

jQuery Forum

Activity Trend