Menu icon Foundation

My Posts











My Comments

Luca Spanò commented on Luca Spanò's post about 4 years

Now, it's ok

thanks

Luca Spanò commented on Luca Spanò's post over 4 years

Thank you Rafi,
I update to the ver.5.5.1... Now, the modal window correctly appear but the "sticky top-bar" desappear (turn on the top) when i clicked the link that open the modal window!!!
At the moment I'm using "fancybox" plugin and work it but I'd like to reduce the use of external js plugin.

Any advices?

Thanks
Bye

Luca Spanò commented on Luca Spanò's post almost 5 years

Hi Rafi,
thanks for your help!
How works the "top bar breakpoint" value (58.75em) insert in the custom css form?
What's this value?
In the previous versions of my code, I changed this value but the top-bar behavior was th same (doesn't work).

Can you explain the "top bar breakpoint" value utility, please?

Thanks so much

Luca Spanò commented on Luca Spanò's post over 5 years

I solved the problem adding this js lines:
```Javascript
window.onload=function(){

$(window).trigger('resize');/it prevents the "height:0px" style of the .../

};
```

Luca Spanò commented on Luca Spanò's post over 5 years

Hi Rafì, I'm referring to dropdown js

Luca Spanò commented on David Gross's post over 5 years

Hi Rafi,
I follow your code but ,if I create a carousel gallery, the "circular:false" attribute doesn't work.

I use the deep linking functionality

View my code

<ul data-orbit 
                                        data-options="
                                        animation:fade;
                                        navigation_arrows:false;
                                        bullets:false;
                                        slide_number:false;
                                        timer:false;
                                        circular:false;">
                                        <li data-orbit-slide="thumb-2-1">
                                            <figure><a href="prodotti-dettaglio.htm" title="Nome variante"><img src="images/carousel_thumb.jpg" alt="Nome variante" itemprop='image' /></a></figure>
                                        </li>
                                        <li data-orbit-slide="thumb-2-2">
                                            <figure><a href="prodotti-dettaglio.htm" title="Nome variante"><img src="images/carousel_thumb_02.jpg" alt="Nome prodotto" itemprop='image' /></a></figure>
                                        </li>
                                        <li data-orbit-slide="thumb-2-3">
                                            <figure><a href="prodotti-dettaglio.htm" title="Nome variante"><img src="images/carousel_thumb_03.jpg" alt="Nome prodotto" itemprop='image' /></a></figure>
                                        </li>
                                        <li data-orbit-slide="thumb-2-4">
                                            <figure><a href="prodotti-dettaglio.htm" title="Nome variante"><img src="images/carousel_thumb_04.jpg" alt="Nome prodotto" itemprop='image' /></a></figure>
                                        </li>
                                        <li data-orbit-slide="thumb-2-5">
                                            <figure><a href="prodotti-dettaglio.htm" title="Nome variante"><img src="images/carousel_thumb.jpg" alt="Nome variante" itemprop='image' /></a></figure>
                                        </li>
                                        <li data-orbit-slide="thumb-2-6">
                                            <figure><a href="prodotti-dettaglio.htm" title="Nome variante"><img src="images/carousel_thumb_02.jpg" alt="Nome prodotto" itemprop='image' /></a></figure>
                                        </li>
                                        <li data-orbit-slide="thumb-2-7">
                                            <figure><a href="prodotti-dettaglio.htm" title="Nome variante"><img src="images/carousel_thumb_03.jpg" alt="Nome prodotto" itemprop='image' /></a></figure>
                                        </li>
                                        <li data-orbit-slide="thumb-2-8">
                                            <figure><a href="prodotti-dettaglio.htm" title="Nome variante"><img src="images/carousel_thumb_04.jpg" alt="Nome prodotto" itemprop='image' /></a></figure>
                                        </li>
                                    </ul>
                                    <ul class="product-thumbs" data-orbit 
                                        data-options="
                                        bullets:false;
                                        slide_number:false;
                                        timer:false;
                                        circular:false;">
                                        <li>
                                        <a data-orbit-link="thumb-2-1"><img src="images/product_thumb.jpg" alt="Nome prodotto" /></a>
                                        <a data-orbit-link="thumb-2-2"><img src="images/product_thumb.jpg" alt="Nome prodotto" /></a>
                                        <a data-orbit-link="thumb-2-3"><img src="images/product_thumb.jpg" alt="Nome prodotto" /></a>
                                        <a data-orbit-link="thumb-2-4"><img src="images/product_thumb.jpg" alt="Nome prodotto" /></a>
                                        </li>
                                        <li>
                                        <a data-orbit-link="thumb-2-5"><img src="images/product_thumb.jpg" alt="Nome prodotto" /></a>
                                        <a data-orbit-link="thumb-2-6"><img src="images/product_thumb.jpg" alt="Nome prodotto" /></a>
                                        <a data-orbit-link="thumb-2-7"><img src="images/product_thumb.jpg" alt="Nome prodotto" /></a>
                                        <a data-orbit-link="thumb-2-8"><img src="images/product_thumb.jpg" alt="Nome prodotto" itemprop='image' /></a>
                                        </li>
                                    </ul>

What do you think?

Thanks

Luca Spanò commented on Rafi Benkual's post over 5 years

Errore: TypeError: i is undefined
File sorgente: http://................../js/foundation.min.js
Riga: 8

Luca Spanò commented on Rafi Benkual's post over 5 years

Hi Chris, I saw your post with the solution... I redownloaded the Foundation Pack (js + Css) but the accordin and offCanvas js don't work.
What can I do? Can you show me step by step how I can resolve this problem?
The firebug show me an error in foundation.min

Luca Spanò commented on Rafi Benkual's post over 5 years

Hi Rafi, how can I update the new foundation release? I've a custom CSS (v 5.0.2).
I downloaded the new release from the download area but all js like orbit, accordion, tab etc... don't work!!!
Help me please!

Thanks

Luca Spanò commented on Luca Spanò's post over 5 years

Thanks so much!!!

Posts Followed










  • 1
    Reply
  • Advice for table-responsive js

    By Luca Spanò

    tables

    Hi guys, what do you think about to add a simple and fast js with functionalities like "stacktable" in Foundation library? The "stack" mode is very usefull for small device! http://johnpolacek.github.io/stacktable.js/ The current js "table-respo... (continued)

    Last Reply by jinch about 3 years ago


Following

Followers

My Posts

My Comments

You commented on Luca Spanò's post about 4 years

Now, it's ok

thanks

You commented on Luca Spanò's post over 4 years

Thank you Rafi,
I update to the ver.5.5.1... Now, the modal window correctly appear but the "sticky top-bar" desappear (turn on the top) when i clicked the link that open the modal window!!!
At the moment I'm using "fancybox" plugin and work it but I'd like to reduce the use of external js plugin.

Any advices?

Thanks
Bye

You commented on Luca Spanò's post almost 5 years

Hi Rafi,
thanks for your help!
How works the "top bar breakpoint" value (58.75em) insert in the custom css form?
What's this value?
In the previous versions of my code, I changed this value but the top-bar behavior was th same (doesn't work).

Can you explain the "top bar breakpoint" value utility, please?

Thanks so much

You commented on Luca Spanò's post over 5 years

I solved the problem adding this js lines:
```Javascript
window.onload=function(){

$(window).trigger('resize');/it prevents the "height:0px" style of the .../

};
```

You commented on Luca Spanò's post over 5 years

Hi Rafì, I'm referring to dropdown js

You commented on David Gross's post over 5 years

Hi Rafi,
I follow your code but ,if I create a carousel gallery, the "circular:false" attribute doesn't work.

I use the deep linking functionality

View my code

<ul data-orbit 
                                        data-options="
                                        animation:fade;
                                        navigation_arrows:false;
                                        bullets:false;
                                        slide_number:false;
                                        timer:false;
                                        circular:false;">
                                        <li data-orbit-slide="thumb-2-1">
                                            <figure><a href="prodotti-dettaglio.htm" title="Nome variante"><img src="images/carousel_thumb.jpg" alt="Nome variante" itemprop='image' /></a></figure>
                                        </li>
                                        <li data-orbit-slide="thumb-2-2">
                                            <figure><a href="prodotti-dettaglio.htm" title="Nome variante"><img src="images/carousel_thumb_02.jpg" alt="Nome prodotto" itemprop='image' /></a></figure>
                                        </li>
                                        <li data-orbit-slide="thumb-2-3">
                                            <figure><a href="prodotti-dettaglio.htm" title="Nome variante"><img src="images/carousel_thumb_03.jpg" alt="Nome prodotto" itemprop='image' /></a></figure>
                                        </li>
                                        <li data-orbit-slide="thumb-2-4">
                                            <figure><a href="prodotti-dettaglio.htm" title="Nome variante"><img src="images/carousel_thumb_04.jpg" alt="Nome prodotto" itemprop='image' /></a></figure>
                                        </li>
                                        <li data-orbit-slide="thumb-2-5">
                                            <figure><a href="prodotti-dettaglio.htm" title="Nome variante"><img src="images/carousel_thumb.jpg" alt="Nome variante" itemprop='image' /></a></figure>
                                        </li>
                                        <li data-orbit-slide="thumb-2-6">
                                            <figure><a href="prodotti-dettaglio.htm" title="Nome variante"><img src="images/carousel_thumb_02.jpg" alt="Nome prodotto" itemprop='image' /></a></figure>
                                        </li>
                                        <li data-orbit-slide="thumb-2-7">
                                            <figure><a href="prodotti-dettaglio.htm" title="Nome variante"><img src="images/carousel_thumb_03.jpg" alt="Nome prodotto" itemprop='image' /></a></figure>
                                        </li>
                                        <li data-orbit-slide="thumb-2-8">
                                            <figure><a href="prodotti-dettaglio.htm" title="Nome variante"><img src="images/carousel_thumb_04.jpg" alt="Nome prodotto" itemprop='image' /></a></figure>
                                        </li>
                                    </ul>
                                    <ul class="product-thumbs" data-orbit 
                                        data-options="
                                        bullets:false;
                                        slide_number:false;
                                        timer:false;
                                        circular:false;">
                                        <li>
                                        <a data-orbit-link="thumb-2-1"><img src="images/product_thumb.jpg" alt="Nome prodotto" /></a>
                                        <a data-orbit-link="thumb-2-2"><img src="images/product_thumb.jpg" alt="Nome prodotto" /></a>
                                        <a data-orbit-link="thumb-2-3"><img src="images/product_thumb.jpg" alt="Nome prodotto" /></a>
                                        <a data-orbit-link="thumb-2-4"><img src="images/product_thumb.jpg" alt="Nome prodotto" /></a>
                                        </li>
                                        <li>
                                        <a data-orbit-link="thumb-2-5"><img src="images/product_thumb.jpg" alt="Nome prodotto" /></a>
                                        <a data-orbit-link="thumb-2-6"><img src="images/product_thumb.jpg" alt="Nome prodotto" /></a>
                                        <a data-orbit-link="thumb-2-7"><img src="images/product_thumb.jpg" alt="Nome prodotto" /></a>
                                        <a data-orbit-link="thumb-2-8"><img src="images/product_thumb.jpg" alt="Nome prodotto" itemprop='image' /></a>
                                        </li>
                                    </ul>

What do you think?

Thanks

You commented on Rafi Benkual's post over 5 years

Errore: TypeError: i is undefined
File sorgente: http://................../js/foundation.min.js
Riga: 8

You commented on Rafi Benkual's post over 5 years

Hi Chris, I saw your post with the solution... I redownloaded the Foundation Pack (js + Css) but the accordin and offCanvas js don't work.
What can I do? Can you show me step by step how I can resolve this problem?
The firebug show me an error in foundation.min

You commented on Rafi Benkual's post over 5 years

Hi Rafi, how can I update the new foundation release? I've a custom CSS (v 5.0.2).
I downloaded the new release from the download area but all js like orbit, accordion, tab etc... don't work!!!
Help me please!

Thanks

You commented on Luca Spanò's post over 5 years

Thanks so much!!!

Posts Followed

Following

Followers

  • No Content