Menu icon Foundation

Designer | Bogotá Colombia

My Posts






My Comments

Juan David Perafan commented on Juan David Perafan's post 12 days

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 12 days

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 over 1 year

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 over 2 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 12 days

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 12 days

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 over 1 year

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 over 2 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