CODEWITHSUNDEEP
javascripthtmlcss
agis
agis

Reputation: 1841

simple jquery tabs integration into a gallery

I implement in my gallery a tabbing system, I have two tabs "gallery1" and "gallery2", first tab it's ok but 2nd tab loads only 1 image,

I've found this

<div class="container" style="margin-left: 10px; width: 0px; left: 0px;">

and I removed the width but the horizontal scrolling of the thumbnails doesn't work.

I think something is positioned incorrect in css or in the html markup(the integration of tabs in actual gallery) because the javascript code is fine ( if I remove the tabs the gallery is showing properly).

Check out this link to see what I'm talking about.

Or give me another solution for not displaying both thumbnail containers simultaneously

Upvotes: 0

Views: 411

Answers (2)

Pritesh Mahajan
Pritesh Mahajan

Reputation: 5154

Please remove the width tag of div:

this time is : <div class="container" style="margin-left: 10px; left: 0px; width: 0pt;">

now changed:<div class="container" style="margin-left: 10px; left: 0px;">

I have work in inspect Element of browser and and show all images in both tabs.

Please remove "width" tag .

Upvotes: 1

FloydThreepwood
FloydThreepwood

Reputation: 1585

Many Scripts can't work without the actual container visible.

Try setting up the Tabs script after initializing the gallery, and make sure both tabs are visible on gallery init.

Upvotes: 1

Related Questions