Add PHP script in img src tag with current data-parameters

Question

I have a php script which displays all photos from folder dir and I need to include an html tag that applies given data-parameters. the php code is:

?php

$directory = "images/*/";


$images = glob("" . $directory . "*.png" );

$imgs = '';

foreach($images as $image){ $imgs[] = "$image"; }

shuffle($imgs);


$imgs = array_slice($imgs, 0, 20);


foreach ($imgs as $img) {
   echo "<img src='$img' /> ";
  }

?>

and I need to put this in html tag as img src:

<img src="" title="Ring" data-parameters='{"zChangeable": true, "x": 215, "y": 200, "colors": "#000000", "removable": true, "draggable": true, "rotatable": true, "resizable": true, "price": 10, "boundingBox": "Base", "autoCenter": true}' />

I tried instead of echo " create new var with value $img and use but that gives me me only one image

yes it works, but i dont know how to include it in that html tag with data-parameters. If someone has beater solution then my php code im glad to use it becouse im new in php. thanx in advance — sd23
– sd23, Commented Feb 25, 2016 at 23:53
Sure it works? Have you tested it? ( print_r( $images ); die(); after glob line ) Because your code to output img is correct, so I bet that the problem is in the glob() command... — fusion3k
– fusion3k, Commented Feb 25, 2016 at 23:58
i test it several time and if i put that code in exemple.php and include it in index.php with <?php include exemple.php?> it work just fine but dont have data-parameters='{"zChangeable": true, "x": 215, "y": 200, "colors": "#000000", "removable": true, "draggable": true, "rotatable": true, "resizable": true, "price": 10, "boundingBox": "Base", "autoCenter": true}' /> — sd23
– sd23, Commented Feb 26, 2016 at 0:04
For semantics sake! This will not fix the problem but try declaring $imgs = array(); rather than declaring it as a string. If its gonna be an array then its declaration should show that. :) — Simon Willan
– Simon Willan, Commented Feb 26, 2016 at 0:06

m2j · Accepted Answer · 2016-02-27 12:52:44Z

1

I find solution :)

foreach ($imgs as $img) {

    $name = basename($img, ".png"); 
    echo "<img title='$name' src='$img' data-parameters='{\"zChangeable\": true, \"x\": 215, \"y\": 200, \"colors\": \"#000000\", \"removable\": true, \"draggable\": true, \"rotatable\": true, \"resizable\": true, \"price\": 10, \"boundingBox\": \"Base\", \"autoCenter\": true}'/>"  ;
}

edited Feb 27, 2016 at 12:52

m2j

1,1605 gold badges19 silver badges43 bronze badges

answered Feb 26, 2016 at 14:12

sd23

214 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

m2j · Accepted Answer · 2016-02-26 00:03:27Z

0

try this, will happy, if it's help

foreach (glob("images/*.png") as $image)
{
    $imgs[] = $image;
}

shuffle($imgs);


$imgs = array_slice($imgs, 0, 20);


foreach ($imgs as $img) {
   echo '<img src="'.$img.'">';
  }

?>

answered Feb 26, 2016 at 0:03

m2j

1,1605 gold badges19 silver badges43 bronze badges

4 Comments

sd23 Over a year ago

it works same as first code, thanx but howe i can use result of that script in <img src=""> html tag??I need that images that are listed to have parameters : data-parameters='{"zChangeable": true, "x": 215, "y": 200, "colors": "#000000", "removable": true, "draggable": true, "rotatable": true, "resizable": true, "price": 10, "boundingBox": "Base", "autoCenter": true}' />

m2j Over a year ago

it still displaying single image?

sd23 Over a year ago

it display all the images but how can i put that echo in <img src=""> tag that apply atributes that images can be dragable, resizable ....

m2j Over a year ago

from your question, i thought you have difficulty in displaying the images, now i understood the problem. in that case it's not a correct answer

Collectives™ on Stack Overflow

Add PHP script in img src tag with current data-parameters

2 Answers 2

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related