Loading...
Copy code
Close
Permalink
Close
Please tell us why you want to mark the subject as inappropriate.
(Maximum 200 characters)
Report Inappropriate
Cancel
Private Message
From :
guest
To :
Subject :
Content :
Type the characters you see in the picture below.
Send
Cancel
From :
guest
To :
Subject :
Content :
Type the characters you see in the picture below.
Send
Update
Cancel
Feedback
Email ID
Subject :
Comments :
Send
Cancel
Private Message
Type the characters you see in the picture below.
Type the characters you see in the picture below.
Attach files
Desktop
Google Docs
Each Attachment size should not exceed 1.0 MB.
Max no of attachments : 3
Loading User Profile...
guest
Response title
This is preview!
Attachments
Publish
Back to edit
Cancel
(
)
Sign In
New to this Portal? Click here to
Sign up
You can also use the below options to login
Login with Facebook
Login with Google
Login with Yahoo
jQuery
Plugins
UI
Meetups
Forum
Blog
About
Donate
All Forums
Recent Posts
Log In
Search
jQuery
Search
jQuery Forum
Screen name:
marco_filipeb
marco_filipeb's Profile
2
Posts
11
Responses
0
Followers
Activity Trend
Last 30 days
Last 30 days
Date Interval
From Date :
To Date :
Go
Loading Chart...
Posts
Responses
PM
Show:
All
Discussions
Questions
Ideas
Problems
Expanded view
List view
Private Message
FILTERABLE PORTFOLIO excluding one category
[12Replies]
02-Jan-2016 10:35 AM
Forum:
Using jQuery Plugins
Hi there,
I'm using this fantastic
FILTERABLE PORTFOLIO:
http://webdesigntunes.com/tutorial/filterable/
But now i´am trying to configure the standard filter All (*) with the exception of one category.
I have these categories:
<nav class="primary clearfix">
<ul class="conteudo_corrente">
<li><a href="#" class="selected" data-filter="*">All</a></li>
<li><a href="#" data-filter=".product">PRODUCT</a></li>
<li><a href="#" data-filter=".packaging">GRAPHIC</a></li>
<li><a href="#" data-filter=".identity">WEB</a></li>
<li><a href="#" data-filter=".others">OTHERS</a></li>
</ul>
</nav>
I'm searching for something that exclude the OTHERS category (do not show up on ALL category) only when i click in OTHERS it show the projects.
A think it is in here:
<script>
//Portfolio
var $container = $('.portfolio');
$container.isotope({
filter: '*',
animationOptions: {
duration: 750,
easing: 'linear',
queue: false,
}
});
$('nav.primary ul a').click(function(){
var selector = $(this).attr('data-filter');
$container.isotope({
filter: selector,
animationOptions: {
duration: 750,
easing: 'linear',
queue: false,
}
});
return false;
});
var $optionSets = $('nav.primary ul'),
$optionLinks = $optionSets.find('a');
$optionLinks.click(function(){
var $this = $(this);
// don't proceed if already selected
if ( $this.hasClass('selected') ) {
return false;
}
var $optionSet = $this.parents('nav.primary ul');
$optionSet.find('.selected').removeClass('selected');
$this.addClass('selected');
});
</script>
Any ideas?
Thank you
Insert multiple/different div content
[16Replies]
23-Dec-2015 07:41 AM
Forum:
Using jQuery Plugins
Hi there,
I´m trying to use this
FILTERABLE PORTFOLIO:
http://webdesigntunes.com/tutorial/filterable/
However I want to use content with multiple images and text.
I I found this code that works perfectly
INDEX
<div id="pholio">
<!-- START PHOLIO -->
<nav class="primary clearfix">
<ul class="conteudo_corrente">
<li><a href="#" class="selected" data-filter="*">All</a></li>
<li><a href="#" data-filter=".web">PRODUCT</a></li>
<li><a href="#" data-filter=".ill">PRINT</a></li>
<li><a href="#" data-filter=".logo">WEB</a></li>
<li><a href="#" data-filter=".video">VIDEO</a></li>
</ul>
</nav>
<section class="main">
<div class="portfolio">
<article class="entry video">
<div id="Descriptiondiv">
<IMG class="displayed" src="design/logo.gif" alt="Logo">
<div style="float:left; padding-top:10px;" class="conteudo_corrente"> CONTENT
</div>
<br /><img class="displayed" src="images/portfolio/work_01.jpg" width="70%"/>
<br /><img class="displayed" src="images/portfolio/work_02.jpg" width="70%"/>
<br /><img class="displayed" src="images/portfolio/work_03.jpg" width="70%"/>
<a href="#Descriptiondiv" data-rel="prettyPhoto" title="">
<img src="images/portfolio/work1.jpg" alt="">
<span class="video-hover">video</span>
</a>
</article>
</div>
CSS
#Descriptiondiv {
width:50% !important;
/*height:50%;*/
height:1800px;
display:none;
}
the problem is when i enter a new content with different images like thise.
<div id="pholio">
<!-- START PHOLIO -->
<nav class="primary clearfix">
<ul class="conteudo_corrente">
<li><a href="#" class="selected" data-filter="*">All</a></li>
<li><a href="#" data-filter=".web">PRODUCT</a></li>
<li><a href="#" data-filter=".ill">PRINT</a></li>
<li><a href="#" data-filter=".logo">WEB</a></li>
<li><a href="#" data-filter=".video">VIDEO</a></li>
</ul>
</nav>
<section class="main">
<div class="portfolio">
<article class="entry video">
<div id="Descriptiondiv">
<IMG class="displayed" src="design/logo.gif" alt="Logo">
<div style="float:left; padding-top:10px;" class="conteudo_corrente"> CONTENT
</div>
<br /><img class="displayed" src="images/portfolio/work_01.jpg" width="70%"/>
<br /><img class="displayed" src="images/portfolio/work_02.jpg" width="70%"/>
<br /><img class="displayed" src="images/portfolio/work_03.jpg" width="70%"/>
<a href="#Descriptiondiv" data-rel="prettyPhoto" title="">
<img src="images/portfolio/work1.jpg" alt="">
<span class="video-hover">video</span>
</a>
</article>
<article class="entry web">
<div id="Descriptiondiv">
<IMG class="displayed" src="design/logo.gif" alt="Logo">
<div style="float:left; padding-top:10px;" class="conteudo_corrente"> CONTENT 22
</div>
<br /><img class="displayed" src="images/portfolio/work_04.jpg" width="70%"/>
<br /><img class="displayed" src="images/portfolio/work_05.jpg" width="70%"/>
<br /><img class="displayed" src="images/portfolio/work_06.jpg" width="70%"/>
<a href="#Descriptiondiv" data-rel="prettyPhoto" title="">
<img src="images/portfolio/work1.jpg" alt="">
<span class="video-hover">video</span>
</a>
</article>
</div>
It repeated the same content on the first (entry video) to the second (entry web).
I think the problem is because I'm using the same id =
"#Descriptiondiv"
Eu consigo resolver o problema ao colocar vários id. E
xample:
CSS
#Descriptiondiv {
width:50% !important;
/*height:50%;*/
height:1800px;
display:none;
}
#Descriptiondiv2 {
width:50% !important;
/*height:50%;*/
height:1800px;
display:none;
}
But that's not the best solution.
Can anyone suggest another way?
Thank you and Merry Christmas :)
«Prev
Next »
Moderate user : marco_filipeb
Forum