Menu icon Foundation

Designer | Bogotá Colombia

My Posts






My Comments

Juan David Perafan commented on Juan David Perafan's post 6 months

Thanks Wyeth, but in my case i dont need to custom the Orbit, i need that other buttons, outside of the Orbit, can control the slider.
In foundation 5 you can do this through data-orbit-link and the id oh the slide, but in F6 this doesn't show this function.  

Juan David Perafan commented on Juan David Perafan's post 6 months

Hi Rafi, thanks for your help!
But my problem it´s i need a custom made buttons to control the Orbit Slider, like this: 
<ul class="list-buttons" data-deep-link="true">
<li class="button-container large-3 medium-3 small-6 columns">
<a class="button-list">
<div class="ico-hand"> </div>
<div class="elements-button">
<h3 class="name-tool">Herramientas</h3>
<div class="tool-container"><img class="tool-image" src="images/tool01-list.png"> </div>
</div>
</a>
</li>
<li class="button-container large-3 medium-3 small-6 columns">
<a class="button-list">
<div class="ico-hand"> </div>
<div class="elements-button">
<h3 class="name-tool">Herramientas</h3>
<div class="tool-container"><img class="tool-image" src="images/tool02-list.png"> </div>
</div>
</a>
</li>
<li class="button-container large-3 medium-3 small-6 columns">
<a class="button-list">
<div class="ico-hand"> </div>
<div class="elements-button">
<h3 class="name-tool">Herramientas</h3>
<div class="tool-container"><img class="tool-image" src="images/tool03-list.png"> </div>
</div>
</a>
</li>
<li class="button-container large-3 medium-3 small-6 columns">
<a class="button-list">
<div class="ico-hand"> </div>
<div class="elements-button">
<h3 class="name-tool">Herramientas</h3>
<div class="tool-container"><img class="tool-image" src="images/tool04-list.png"> </div>
</div>
</a>
</li>
</ul>
I this case, each <a> calls a slide in the Orbit Slide.
Before, in F5 we can use data-orbit-link to do this, how i can make the same with F6 ?
Thanks

Juan David Perafan commented on Juan David Perafan's post almost 2 years

Thanks Brian for your help. We Already Use Motion-ui.css and works perfect!!

Thanks a lot

Juan David Perafan commented on Juan David Perafan's post about 3 years

I already fix the problem, is just insert a simple line of code after the initialise of foundation:
$('.menu-icon').click(function(){ false });

<script>
      $(document).foundation();
       $('.menu-icon').click(function(){ false });
    </script>

Posts Followed

No Content

Following

    No Content

Followers

My Posts

My Comments

You commented on Juan David Perafan's post 6 months

Thanks Wyeth, but in my case i dont need to custom the Orbit, i need that other buttons, outside of the Orbit, can control the slider.
In foundation 5 you can do this through data-orbit-link and the id oh the slide, but in F6 this doesn't show this function.  

You commented on Juan David Perafan's post 6 months

Hi Rafi, thanks for your help!
But my problem it´s i need a custom made buttons to control the Orbit Slider, like this: 
<ul class="list-buttons" data-deep-link="true">
<li class="button-container large-3 medium-3 small-6 columns">
<a class="button-list">
<div class="ico-hand"> </div>
<div class="elements-button">
<h3 class="name-tool">Herramientas</h3>
<div class="tool-container"><img class="tool-image" src="images/tool01-list.png"> </div>
</div>
</a>
</li>
<li class="button-container large-3 medium-3 small-6 columns">
<a class="button-list">
<div class="ico-hand"> </div>
<div class="elements-button">
<h3 class="name-tool">Herramientas</h3>
<div class="tool-container"><img class="tool-image" src="images/tool02-list.png"> </div>
</div>
</a>
</li>
<li class="button-container large-3 medium-3 small-6 columns">
<a class="button-list">
<div class="ico-hand"> </div>
<div class="elements-button">
<h3 class="name-tool">Herramientas</h3>
<div class="tool-container"><img class="tool-image" src="images/tool03-list.png"> </div>
</div>
</a>
</li>
<li class="button-container large-3 medium-3 small-6 columns">
<a class="button-list">
<div class="ico-hand"> </div>
<div class="elements-button">
<h3 class="name-tool">Herramientas</h3>
<div class="tool-container"><img class="tool-image" src="images/tool04-list.png"> </div>
</div>
</a>
</li>
</ul>
I this case, each <a> calls a slide in the Orbit Slide.
Before, in F5 we can use data-orbit-link to do this, how i can make the same with F6 ?
Thanks

You commented on Juan David Perafan's post almost 2 years

Thanks Brian for your help. We Already Use Motion-ui.css and works perfect!!

Thanks a lot

You commented on Juan David Perafan's post about 3 years

I already fix the problem, is just insert a simple line of code after the initialise of foundation:
$('.menu-icon').click(function(){ false });

<script>
      $(document).foundation();
       $('.menu-icon').click(function(){ false });
    </script>

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content