61 comments found

gulaj Purchased

Hi. Nice work! :) One question at the moment, the portfolio library images …. if I click on any of the image, I see always the same image on the top of page as pops up and the same text: (http://www.bypixels.com/themes/xiara/dark/images/portfolio_4.jpg – div portfolioAjaxwrap) Camaleon Breecode did a great job with our …

however should every image should have its own image and description.

http://www.bypixels.com/themes/xiara/dark/

Is it something wrong with the portfolio?

Thanks!

breecode

Hi, every portfolio must point to a different portfolio-single.html.

Right now every portfolio in your template is pointing to portfolio-single.html so every portfolio is bringing the same content.

First you must change the links in the command DIV like this.

Actual code to every portfolio

<ul> <li><a href="http://placehold.it/500x500" class="prettyPhoto"><img src="images/icons/look_more.png" alt="Portfolio" /></a></li> <li><a href="portfolio-single.html" class="ajax-trigger"></a></li> <li><a href="#"></a></li> </ul>

If could set the link to the external portfolio file in this line

<li><a href="portfolio-single.html" class="ajax-trigger"></a></li>

So if you have 10 portfolio you will need 10 portfolio-single.html files to bring different content to each portoflio click.

Default-user
gulaj Purchased

Thank you breecode!

How can I add an external link to the portfolio image?

on hover there is 3 icon(plus, heart and third icon) but I cant use any external link here. I’m not expert in js but probably I would need to change something in js?

breecode

Hi, yes, i will give you instructions to do it.

1- Go to your custom.js file find ”//AJAX PORTFOLIO”

In the first two lines you will find this

$(window).load(function(){
    (function(){

Add the name portfolio to the fuction like this

$(window).load(function(){
    (function(portfolio){

2- Add this in the bottom of your custom.js file to stop the Ajax script


//NO AJAX

$(document).ready(function() {
    $(".no-ajax").click(function(portfolio){
  portfolio.stopImmediatePropagation();
});
});

3- In your HTML FILE

Use the class “no-ajax” in the href that have your external link

<li><a href="portfolio-single.html" class="ajax-trigger"><img src="images/icons/ajax.png" alt="#" /></a></li>

<li><a href="YOUR EXTERNAL LINK" class="no-ajax"><img src="images/icons/heart_small.png" alt="#" /></a></li>

You can always send me an email through my profile if you need further help :)

by
by
by
by
by
by