Highlighted

Dreamweaver - Isotope Jquery HELP

New Here ,
Jun 06, 2018

Copy link to clipboard

Copied

Hello,

I have used the Isotope from Lynda.com tutorial

Isotope · Layout

However - Now the website is live the images bunch up on smart phones. The first time I went live it bunched up on laptops and smart phones and I thought I fixed this error with using imagesloaded but they still bunch up on smart phones. They load fine on laptops. 

Fran Bearman Ramos Folio Home Page

Views

332

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Dreamweaver - Isotope Jquery HELP

New Here ,
Jun 06, 2018

Copy link to clipboard

Copied

Hello,

I have used the Isotope from Lynda.com tutorial

Isotope · Layout

However - Now the website is live the images bunch up on smart phones. The first time I went live it bunched up on laptops and smart phones and I thought I fixed this error with using imagesloaded but they still bunch up on smart phones. They load fine on laptops. 

Fran Bearman Ramos Folio Home Page

Views

333

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Jun 06, 2018 0
Adobe Community Professional ,
Jun 06, 2018

Copy link to clipboard

Copied

Have you loaded imagesloaded.pkgd.min.js​ to the right spot? I cannot (nor can the browser) find the file in the js/lib/ directory.


Ben

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 06, 2018 0
New Here ,
Jun 06, 2018

Copy link to clipboard

Copied

I think I did.. would it make any difference if I moved it?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 06, 2018 0
LEGEND ,
Jun 07, 2018

Copy link to clipboard

Copied

What is that file 'imagesloaded.pkgd.min.js (Its not a js file)?

http://designactivists.graphics/students/2018_Sem1/BearmanRamos_Fran/js/libs/imagesloaded.pkgd.min.j...

When I bring it up via a browser I get all this html stuff:

<!DOCTYPE html>

<html lang="en">

  <head>

  <meta charset="utf-8">

  <link rel="dns-prefetch" href="https://assets-cdn.github.com">

  <link rel="dns-prefetch" href="https://avatars0.githubusercontent.com">

  <link rel="dns-prefetch" href="https://avatars1.githubusercontent.com">

  <link rel="dns-prefetch" href="https://avatars2.githubusercontent.com">

  <link rel="dns-prefetch" href="https://avatars3.githubusercontent.com">

  <link rel="dns-prefetch" href="https://github-cloud.s3.amazonaws.com">

  <link rel="dns-prefetch" href="https://user-images.githubusercontent.com/">

Is the file needed for isotope as it doent seem to mention it on their page?????

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 07, 2018 1
osgood_ LATEST
LEGEND ,
Jun 07, 2018

Copy link to clipboard

Copied

Having looked at thisa bit more I think it is what it is, NOT perfect. Its a bit hit and miss sometimes. If you click the refresh button in your browser the images still bunch up.

The isotope function/s only work when you either resize the page or reload it. Clicking refresh is not really reloading the page, so it can appear to act a bit goofy at times.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jun 07, 2018 1