Jquery: Add class to every second visible element

I'm trying to create a dynamic portfolio gallery where you can hide show items by clicking categories. Everything works apart from adding a class to elements hidden/showing when categories are...

Handling an Ajax call with .load() in Rails

I want to make an Ajax call to render the content within my show action on my index page after clicking a link. So far I have a solution where I use jQuery's .load() method but I have encountered...

How to give space between images?

I am building my own website with Dreamweaver. I have an portfolio page with an gallery which I used from this tutorial:...

Error in jQuery function mixitup()

Trying to put this filter portfolio gallery on my Blogger (blogger.com) How to Build a Filterable Animated Portfolio Layout In Blogger template head I...

Wordpress Divi Theme Link to Filtered Portfolio Category

I'm using the current version of the Divi 2.0 theme and Wordpress. The theme uses a filterable portfolio gallery that a user can click to filter between categories. The links are # and instead I...

mailto HTML best practices

I have been asked to add some email addresses to individuals personal portfolio galleries on a site I designed. There is already a very visible email form that customers can use, but it only goes...

Replace Content of a Div on single page site

So I've been building a site based off a template I found online, a would appreciate any help getting it to function how I want it to. Currently its set up with filters that allow you to sort...

Routing with AngularJS and Spring-Boot

I am having a lot of issues routing my pages with Spring-Boot and AngularJS. Once the index.html page renders I get a 404 error when I click on a new link. AngularJS in loading fine, and the...

isotope with lightGallery filtering with multiple galleries

I am currently working on a portfolio for an artist. I am using Masonry with Isotope to filter for specific kinds of paintigs. When the items are being clicked, it opens lightGallery:...

LightBox broke Isotope filter and Slick sliders

I'm making a website for a friend's business and I'm new to JQuery, the site worked fine, it has a carousel header, two different slick sliders and a gallery with an isotope filter (a portfolio...

Portfolio gallery with filtering categories

I tried edit Portfolio gallery with filtering categories from https://www.w3schools.com/howto/howto_js_portfolio_filter.asp I wanted to add animation by choosing category but I failed. Here is...

How to show all images of category in foreign key by loop in django template?

I'm making a django practice by myself and this time about CV (Resume) Website, In the Portfolio section it shows the (title, client and description) of the project, down bellow, a gallery (using...

Shuffle.js - filter images on page load

There are 2 tabs (data-groups) - Graphics and Logo, with images, each one has 3 images, total 6 images. The filter works well, when you click first tab, it becomes active and shows 3 images...

Filter images using jQuery

I have a portfolio page I have filter buttons <div class="clearfix"> <div class="cbp-l-filters-button cbp-l-filters-left"> <div data-filter="*" class="cbp-filter-item-active...

Force Sublime Text Editor to use 4 spaces for indentation

I've been looking for the reason why my code kept showing 2 spaces instead of 4. In the bottom also show as Spaces : 4. Code <!DOCTYPE html> <html lang="en"> <head> ...

jQuery scripts different order depending on first load or second refresh

I have a script that adds html code dynamically using jQuery (loops through a text file and loads images). After that, I apply dynamic CSS style and onclick events to the previously loaded...

How to create link to a data-filter element?

I have [this website][1] made in Wordpress. It's there any way to link the blue icons to the data-filter of the portfolio? I want to sort the portfolio gallery via blue icons. My problem is that...

LightGallery multiple galleries on same page

Installed lightGallery today on my site and here is the part of code: <div class="portfolio-content"> <ul id="portfolio_filters" class="portfolio-filters"> ...

How to create Multi filter Gallery

The product Red Small has the property Size small BUT NOT Medium. The product Red Medium has the property Medium BUT NOT small. If the checkbox is selected for both properties, the plugin checks...

How to create multi-filter gallery like woocommerce/ecommerce product filter

I need a multifilter gallery like woocommerce/ecommerce product filter here is three type filter dropdown COLOR, SIZE and SHAPE for example If I will select color: red and green, size: small and...

Link from router refreshing whole page when it should not

I'm having a small issue with React Router, when I am at my first Component called WebsiteLoad everything seems fine, but when I click on the <Link />it refreshes the whole page to load /portfolio...

How to fix category view calling as age_rate category that dosen't work in template

I want to show views results in template django app named as core but it dosen't work properly, where is the problem? There is two model for two kind of category one as Category and another as...

Loader for a specific section in HTML

I am kind of newbie in website development, so kind of confused with the behavior of web page. I want to use loader to hide the image loading in the HTML. In index page I have used tabs view to...

Change Data in Vue Component depending on Route

I need to change the data in a Vue Component depending on the route. For example, when the page Aircraft is loaded I want the data to contain the Aircraft images. If the page Animals is then...

Portfolio gallery without "all" filter

I'm currently working on a portfolio gallery, I found one on w3schools: https://www.w3schools.com/howto/howto_js_portfolio_filter.asp My only question is, is it possible to remove the "show all"...

portfolio image gallery with filters for years from mysql database

I have a database table with columns subject, year and image link. somewhat like below. subject | year | image_link ------------------------------------------------ ABC1 | 1988...

How to filter an image gallery using url parameters

I'm creating a commerce site for my portfolio and I have a page with gallery of product cards that I would like to add filters for. The cards were generated dynamically using a json file. I can...

How to add footer.tpl to .php file

I would like to add a footer.tpl file to product_gallery.php in Prestashop. I'm doing it like bellow: product_gallery.php <!DOCTYPE html> <html> <head> <title></title> <link...

Filter ilightbox portfolio items based on URL query string parameter

I have a website that uses a portfolio with filters to define which images are displayed. The relavent JavaScript is (I believe) shown below: if( $element.hasClass( 'filterable-entries' ) ){ ...

Youtube Video Gallery not working properly - html css

I am making a portfolio website, and when the user clicks on the video tab it should have two embedded, responsive, youtube videos in the form of a gallery. I have tried achieving this, but for...